Reuse list row changes
  • 01 Nov 2023
  • 2 Minutes to read
  • Dark
    Light
  • PDF

Reuse list row changes

  • Dark
    Light
  • PDF

Article summary

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 listand 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:



TUTORIAL STEPS:

A) Open the Simpleway template in Designer

  1. Open the Templates tab. 
  2. Select the Simpleway template that uses the List widget.
B) Click the Elements button and select the List element.

Tip: Search for the name of the list element which will be Departure list.
C) Click the row button of the selected list element.
D) Row templates sub-window

At this point, your designer window will switch into Subdesign 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. 
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.





F) Click the Data source editor button.
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.
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.

I) Save the row template item, and then exit the subdesigner using the Back button.


I) Row templates sub-window 

  1. Select the row item.

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.



Was this article helpful?