Countdown
Check out the function of the CountDown element.
Counts down statically or dynamically from the specified time (hh:mm:ss).
Adding Countdowns
You can add the Countdown element from the Elements panel by dragging and dropping it to the screen. If you drag it to an empty area on the screen, it is added with the Row element. If you drag it into a Column you just add the Countdown element.
Countdown, supports both web and mobile applications.
1. Properties
You can add text inside the Countdown element. You can give role-based authorizations to the element as well as set its visibility with show/hide/conditional options.
Value
This is the field where you write the countdown start time in seconds. A static value can be written as well as a Symbol Picker can be used for dynamic values.
Format
In the application development process, a formatter is a Property that ensures data is brought into a specific format or layout. Formatters usually organize data types such as text, numbers, date, and time and are used to achieve a specific look or format.
You can choose formats such as hh:mm:ss or hh:mm according to your needs.
HH:mm:ss:
HH, represents hours and uses a 24-hour clock format. Hours can take values between 00 and 23.
mm, represents minutes and displays minutes after the hours. Minutes can take values between 00 and 59.
ss, represents seconds and displays seconds after the minutes. Seconds can take values between 00 and 59.
Example:
"14:30:45" represents 2:30 PM, 30 minutes, and 45 seconds.
HH:MM:ss:
HH, still represents hours and uses a 24-hour clock format.
MM, this time represents minutes after hours. However, it should not be confused with "mm"; even if this format looks like the "mm" that represents months when written with a capital "MM", it is related to minutes written with a lowercase "mm".
ss, still represents seconds.
Example:
14:30:45 represents 2:30 PM, 30 minutes, and 45 seconds.
mm:ss:
This format doesn't include the hour value, it only represents minutes and seconds.
mm, represents minutes and can take values between 00 and 59.
ss, represents seconds and can also take values between 00 and 59.
Example:
"05:30" represents 5 minutes and 30 seconds.
These hour, minute, and second formats are used to represent and display date and time data in a standardized manner. Data formatting and display may vary depending on the programming language or application being used, so it's important to be careful about specific rules and language specifications when using these formats.
Authorization
You can use the authorization options for the Countdown element.
Visibility
You can manage the visibility of the element. It is always visible or hidden, or you can make it appear or hide depending on a condition.
You can add the actions that you can add to the Countdown element with Add Actions.
Validaion
You can add a rule to the Countdown element for validation.
2. Styling
You can make additional edits to the Countdown element by adding a layout, text, fill, border, or shadow.
You can make visual adjustments such as environmental interior spaces and sizing. Depending on the Countdown size, you can align the elements in it.
You can set the color and size of the Countdown text and icon with the Text section.
You can add colors or images to the Countdown body.
You can add lines to the outer edges of the Countdown, give corner bevels.
You can add shadow effect to the Countdown element.
Last updated
