Skip to main content

Lists: Setting different text for each item

Learn how to set different text for each item in a static list. We'll also cover what to watch out for if all items in your list end up showing the same text.

This article explains how to set different text for each list item.

Note: If text in other items also becomes the same

If you change the text of a box inside a list directly using the method below, the same text will be applied to every text box in the same column.

  1. Select a list item and open the right panel.

  2. Set the text from the [Text] tab.

Before you start: Check your list type

There are two types of lists: static lists and dynamic lists. This article covers how to edit a static list. Follow the steps below to confirm whether the list you want to edit is a static list.

  1. Select the entire list.

  2. Open the [Data] tab in the right panel. If the right panel is closed, open it.

  3. Check the dropdown text at the top of the [Data] tab.

If [Connect data] is displayed

The list is a static list. You can use the text setting method described in this article.

If a data source (such as [CMS] or [API]) is displayed

The list is a dynamic list. Please refer to the following article for instructions.
​I want to change the image, text, or link for only one item in a CMS list, but other items end up showing the same content

Once you've confirmed that the list is a static list, follow the steps below to configure it.

Step 1. Add a text property to the list

  1. Select the entire list. *If the selected box is outlined in light blue and a grid-shaped icon appears at the top left of the box, you've selected the entire list.

  2. Open the right panel. If it's closed, open the right panel.

  3. Open the [Data] tab.

To change existing text

Click the text property cell in the property table and replace the text.

To add new text

  1. Click [+] at the top right of the property table.

  2. Add a [Text] property.

  3. In the [Text] column added to the table, enter the individual text you want to set for each list item.

Step 2. Link the text property to the text box

Next, link the list's text property to a text box on the screen. This way, the text property you set for each item will automatically appear in the corresponding box.

  1. Select a list item. You can select any list item in the list. If it's hard to select a list item directly on the screen, select it from the Layers panel.

  2. Open the [Data] tab in the right panel. If the panel is closed, open it.

  3. Drag the connector of the [Text] property to link it to the text box.

Step 3. Update your site to apply changes

  1. Use the live preview to check that the links are set correctly.

  2. Publish or update your site to apply the changes. Until you do this, your changes won't appear on the published site.

text characters becomes the same want to change

Related Articles
Image Box: Setting Alt Text
List: Change colors for each item
Lists: Setting different links for each item
Lists: Show or hide the container box for each item
Lists: Set a different image for each item
Did this answer your question?