Document List
Learn to insert, style, and nest list elements in Nilead for better content structure and visual hierarchy.

Table of content

TL;DR / Overview

Lists help organize content visually and semantically. In Nilead, list elements can be unordered (bulleted) or ordered (numbered), and support rich content, including sub-lists. This guide walks you through inserting, configuring, and styling list elements effectively.

Prerequisites

  • You have access to the Nilead Website Builder interface

  • You understand how to open the Add panel and Style panel

  • You’re editing a section or block where a list element is allowed

Walkthrough

1. Inserting a List

To add a new list to your page:

  • Go to the Add panel

  • Scroll to the Basic section

  • Click the List icon

  • A new unordered (bulleted) list appears on the canvas

The List icon is spotlighted in the Add panel.
The List icon is spotlighted in the Add panel.
download

2. Defining the Type of List

  • Select the list element on the canvas

  • In the right-hand Config panel, find the option to switch between:

    • Unordered list (default, with bullets)

    • Ordered list (numbered)

chrome_2023-08-22_10-54-43
List element configurations

3. Populating a List with Content

Each list item is blank by default. You can insert:

  • Text or headings

  • Images or videos

  • Other elements (like buttons)

  • Even nested lists (see next step)

Simply click inside a list item to add content.

chrome_2023-08-22_11-22-46
A list element is used to show a notification feed.

4. Nesting Lists

While you can’t directly drop a list element into another list element, you can still nest a list inside a list item.

Steps:

  1. Select the list item where you want the nested list

  2. From the Add panel, insert a new list inside that list item

  3. Important: Set up the nested structure before adding content to the parent item

    • Once content is added to a parent item, adding a nested list directly may be blocked

5. Creating Additional List Items

You have two options to duplicate or extend a list:

  • Copy + Paste an existing list item

  • Use the item’s menu:

    • Click the 3-dot icon (⋯) on a list item

    • Select Duplicate

Duplicate an element using its own menu
Duplicate an element using its own menu

6. Enhancing the Appearance of Your List

Customize appearance using the Style panel:

  • Adjust spacing between items

  • Set bullet or number styles

  • Modify typography, background, or borders

Each list and list item can be styled independently.

Style tab of an element
Style tab of an element

FAQs

1. Can I add multiple types of content in one list item?
Yes. Each list item acts like a flexible container—add text, images, buttons, or even nested elements.

2. Why can't I nest a list after adding text to a list item?
Nilead restricts structural changes to list items after content is added. Insert the nested list first, then add content.

3. Is there a limit to how many nested lists I can add?
There’s no hard limit, but for clarity and performance, avoid deep nesting beyond 2–3 levels.

4. Can I switch between ordered and unordered lists after content is added?
Yes. The type of list can be changed anytime via the Config panel without affecting your content.

5. How do I apply consistent styling across all list items?
Use the Style panel with the list element selected, so changes cascade to all children—like font, padding, or bullet style.

Discord chat

We're available Monday–Friday, security and critical bug fixes are available 24/7.

Facebook page

Get the latest news and updates regarding Nilead platform and services.