Skip to main content
Version: 8.2

Set up a Local time component

Level: beginner

Use Local time components to display local time in a specific time zone. This is particularly useful for dealing with contacts and accounts from different regions.

Example

Set up the Local time component that displays the local time of the requester to the request page.

Fig. 1 Set up a Local time component
Fig. 1 Set up a Local time component
  1. Drag the Local time component to the canvas and open the component setup area.
  2. Click the icon next to the Time zone column parameter → RequestsRelated objects tab → Created byRelated objects tab → CityTime zone checkbox → Select.
  3. Select the time style to display on the app page in the Style parameter. For this example, select "Caption large."
  4. Select the font format in the Format parameter. For this example, select "Normal."
  5. Select the time alignment option in the Align parameter. For this example, select left.
  6. Select the font color in the Text color parameter. For this example, change it to blue.
  7. Select the background color in the Background color parameter. For this example, leave it transparent.
  8. Click the or button in the Visibility group to make the component visible or invisible by default on the page, respectively. For this example, leave the component visible.
  9. Click Setup conditions in the Visibility group to set up element business rules. For this example, do not add business rules. Learn more about setting up business rules in a separate article: Set up business rules.
  10. View the unique component code in the page schema in the Element code parameter. Creatio uses this code in page schemas. You can change it if needed. This helps software developers to customize the app easier, especially if you have multiple similar components on the page. For this example, leave the code as is.

As a result, Creatio will add the Local time component that displays the local time of the requester to the request page.


See also

Overview of Freedom UI Designer and its elements

Set up the app UI

Set up business rules

Localize a Freedom UI element

Tech Hour: UI/ UX Building pages in Freedom UI Designer

Tech Hour: UI/ UX Best practices in Creatio