How can I create a multilevel numbered list in Wix?

Ask the community
, ,
1

I’m building a content section on my site and want to include a clearly structured outline using multilevel numbering. The structure should visually nest the numbers and indent the items accordingly. I’ve attached a screenshot showing the exact style I’m going for.

If this isn’t possible directly within the Wix Editor, I’d love to know if there’s a workaround.

Thanks :folded_hands:

image
image306×250 567 Bytes

2

Hi, @gilad_shteinhart !!

So, are you not referring to a toggle list that can be opened or closed by clicking, but rather simply wanting to have the content displayed as text in that layout? :upside_down_face:

3

Yes that’s correct :folded_hands:

4

It might be a rather primitive method :melting_face:, but for now, wouldn’t it be possible to simply place text elements vertically? You can indent the text by pressing the spacebar within each text element. If you select the stacked text elements while holding the Shift key, you can group them into a single unit, making them easier to move together. You can also adjust the spacing between the text elements. :innocent:

Alternatively, you could embed a list structure created with plain HTML directly into your Wix site using an HTML component (iframe) or a custom element.

Alternatively, since Wix text elements support basic HTML formatting, you might try something like the following approach. :smiling_face_with_sunglasses:

$w("#yourTextElement").html = `<ul>
    <li>1. Chapter 1
        <ul>
            <li>1.1 First item of Chapter 1
                <ul>
                    <li>1.1.1 First sub-item of the first item in Chapter 1</li>
                    <li>1.1.2 Second sub-item of the first item in Chapter 1</li>
                </ul>
            </li>
            <li>1.2 Second item of Chapter 1</li>
            <li>1.3 Third item of Chapter 1</li>
        </ul>
    </li>
    <li>2. Chapter 2
        <ul>
            <li>2.1 First item of Chapter 2</li>
            <li>2.2 Second item of Chapter 2
                <ul>
                    <li>2.2.1 First sub-item of the second item in Chapter 2</li>
                    <li>2.2.2 Second sub-item of the second item in Chapter 2</li>
                    <li>2.2.3 Third sub-item of the second item in Chapter 2</li>
                </ul>
            </li>
        </ul>
    </li>
</ul>`;
1 Like