--- title: "Edit a List Row Template in Subdesign Mode – Airport CX" slug: "reuse-list-row-changes-air" description: "Replace a dynamic text element in the row template to change the time format across the whole list." updated: 2026-08-26T10:07:21Z published: 2026-08-26T10:07:21Z canonical: "docs.simpleway.cloud/reuse-list-row-changes-air" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.simpleway.cloud/llms.txt > Use this file to discover all available pages before exploring further. # Reuse list row changes The following guide will walk you through the process of **changing the List component of a Simpleway template** by replacing: - one of the dynamic text elements of the row template with another - using the data source editor and then - fine-tuning the position, size, font style and alignment of the new replaced dynamic text, if necessary. The **changes made to a row component will be applied across the entire *flight list****,* and can be repeated for other Simpleway templates without spending too much time*.* *As an example*, we will show you in this tutorial how to change the schedule time format, under the "TIME" column of the list, from 12-hour to 24-hour. Given that the 24-hour clock format uses fewer characters, we may need to reposition the row component to align with the "TIME" column header or reposition the header itself. Topics covered: Templates tab - Designer: - Row element design mode **Sample screen:** ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Untitled(1).png) --- **TUTORIAL STEPS:** | A) **Open the Simpleway template in Designer** 1. Open the Templates tab. 2. Select the Simpleway template that uses the *List* widget. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide1(207).JPG) | | --- | --- | | B) Click the *Elements* button and select the *List* element. **Tip**: Search for the name of the list element which will be Departure list. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide2(212).JPG) | | C) Click the row button of the selected *list* element. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide3(206).JPG) | | D) **Row templates sub-window** At this point, your designer window will switch into Sub**design mode****.** This is a **special mode of Designer** used to **design the contents and style of a single row of a list.** You can leave this mode at any point in time by clicking *Save* or *Back*. The row design here will be used as a template to render every row of your List**.** 1. Click the *three dots* button and select the *Edit* option. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide4(175).JPG) | | E) Click the *Elements* button and select the Dynamic label - Scheduled time element. **Tip**: By selecting an item in the elements list, you can edit or delete any list element. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide5(170).JPG) | | F) Click the *Data source editor* button. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide6(137).JPG) | | G) **Data source editor** 1. Remove the *Scheduled time AM/PM* element by clicking on it and pressing the “Delete” button. 2. Select the *Scheduled time* element and drag & drop it into the editor's text field. 3. Click the *Save* button. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide7(34).JPG) | | H) **Adjust formatting of the replaced list element in the format sidebar:** **Position** of the element is defined by the X and Y axes which can be set up with the counter or manually entered value, changed by drag&drop on the template or by moving the selected element with the arrow key. **Size** of the element in the template. Ratio can be kept by ticking the checkbox. **Font style** section allows configuration of the size, color and font of the text. **Alignment** section allows configuration of text alignment in the text box. **Optional:** Click the **Grid** button to enable the grid in the designer to help you with precision. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide8(115).JPG) | | I) *Save* the row template item, and then exit the subdesigner using the *Back* button. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide9(73).JPG) | | I) **Row templates sub-window** 1. Select the row item. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide9(61).JPG) | | J) Click the *Save & Publish* button. Now the template is **ready to be assigned and shown on your display.** Note: data source must be selected. **Optional**: You may want to reposition the corresponding header if the position of the earlier modified row element has been changed. | ![](https://cdn.document360.io/a3e67867-6316-451b-94ad-ec727ac9102a/Images/Documentation/Slide10(55).JPG) | ###