Order Tracker Settings
The order tracker widget attributes are configured using the Tracker Settings screen.
The following options are available:
Content
Customize the content options and determine how other elements appear in the tracker widget.
| # | Option | Function |
|---|---|---|
| 1 | Static Values – Edit Mapping | Change the mapping of the order tracker widget after you have added it to the Web project. |
| 2 | Items | Use the Orientation drop-down to display the tracker vertically or horizontally. |
Interactivity
Customize the interactivity options and determine how your user can interact with the tracker widget.
| # | Option | Function |
|---|---|---|
| 1 | Hide onload | Use the Hide Onload option to hide specific elements on load to control what the user sees. It allows you to hide an element when the page is loaded. |
| 2 | Auto Hide Label | This option hides the element’s labels. This is particularly useful for smaller device layouts. |
| 3 | Hide Inactive Label | The Hide Inactive Labels option hides the inactive labels from the screen for a less cluttered look. |
| 4 | Sub Group Label | The Sub Group Label option is used to show the sub group labels. You can add more information to the order tracker. |
| 5 | Hide Progress | Use the toggle switch to show or hide the progress bar on the tracker. |
| 6 | Custom Icon | Choose from a variety of Custom Icons. This creates visual interest in your projects and can convey purpose so users can easily understand and recognize the information required. |
| 7 | Configure On Click Action | Use the Configure On Click Actions to run actions upon clicking. The On Click Actions option is available for multiple elements, such as text, buttons, shapes, images, and more. |
Conditions
Configure Conditions – Determine what will happen when your user interacts with this element.
Animation
Animation – This option allows you to add visual interest to your screen. Create the illusion of movement when the element shows on the screen. You can set the duration and delay to control the movement and preview by default.
Accessibility
Accessibility – Ensure people with disabilities can perceive, understand, navigate, and interact effectively with your websites.
Metadata
Metadata – See how this element is identified in the backend, such as its purpose, content, or function. Your users won’t see this.
