Understanding the situation and the cause
If changing the image, text, or link of a box also replaces the same content in other boxes in the same row, those boxes are arranged as a list.
Example: Changing an image
You changed the image of box ① from the Image tab in the right panel. (Red arrow in the image)
As a result, the images in boxes ② and ③ in the same row were unintentionally replaced with the same image. (Blue arrows in the image)
Cause
The reason the image was replaced not only in ① but also in ② and ③ is that boxes ①, ②, and ③ are organized as a list.
When boxes are part of a list, directly editing images, text, or URLs inside the list the same way you would for a regular box will replace all shared elements within the list with the same content.
Solution
If you want to change only the image in box ①, don't apply the image directly to the box from the Image tab in the right panel. Instead, add the image to the property table from the Data tab in the right panel, and link the table to the box.
This article walks you through how to identify the cause and apply the right setup, using the following steps:
(1) Confirm that the target boxes are a list
(2) Check the type of list (static or dynamic)
(3) Edit the data using the method that matches the list type
(1) Confirm that the target boxes are a list
Check whether the boxes whose images or text are being replaced together are organized as a list.
Point: What is a list?
A list is a feature that lets you manage boxes that share the same structure and layout as a group, so you can swap out only the content while displaying them as a series.
For example, you can use a list when you want to show items like cards, keeping the same layout but changing only the text, images, or links.
A list is made up of the following parent-child structure:
Multiple boxes that share the same layout (list items)
A box that wraps those boxes together (the list itself)
For an overview and more details on how lists work, see the List article.
How to tell if a box is part of a list
You can check whether a box is part of a list by how it appears when selected.
If any of the following apply, the selected box is part of a list:
The box outline appears in light blue.
The entire box is highlighted in light blue.
A list icon
or a carousel icon
appears in the top-left corner of the selected box or at the beginning of its name in the Layers panel.
(2) Check the type of list (static or dynamic)
The way you set different content for each list item depends on whether the list is a static list or a dynamic list (such as a CMS list). So first, check which type your list is.
Select the list itself.
Open the Data tab in the right panel. If the right panel is closed, open the right panel first.
Check the dropdown label at the top of the Data tab.
If it shows "Connect data":
The list data isn't connected to anything outside the editor, so this is a static list.
(3) Edit the data using the method that matches the list type
Static and dynamic lists differ in where the data is stored and how it's set up.
Editing data in a static list
For a static list, you edit the data in the property table in the right panel.
To apply the edited data to a box, drag it onto the box on the screen to link them. For step-by-step instructions, see the following articles:
Editing data in a dynamic list
For a dynamic list, you edit the data in the location where it's managed (outside of the design editor).
If connected to an API: Manage the data in the service outside of Studio.Design.
If connected to CMS: Manage the data in the CMS dashboard.
To apply the data you created to a box, open the data in the right panel of the design editor and drag it onto the box on the screen to link them. For step-by-step instructions, see the Dynamic list article.
per item link URL link settings list









