Position is a global style approach that refers to the positioning of a widget on a layout. It allows you to determine how the widget is placed and interacts with other elements on the layout.
Position can take several values:
- Static: This is a default value. The widget is placed according to the normal flow of the page.
- Relative: A widget is positioned relative to its normal position. By using the top, bottom, left, or right properties, you can offset the widget from its original position.
- Absolute: A widget is positioned relative to the Static position, similar to how it is positioned using the Relative position. When a widget changes its position, the neighboring widgets shift to fill the space left by the changes.
- Fixed: A widget is positioned relative to the viewpoint and does not move when scrolling the page (headers, navigation menus).
- Sticky: A widget is positioned based on the user’s scroll position. The widget acts as a hybrid of Relative and Fixed positioning. Initially, the widget behaves like Relative, but as the user scrolls past a specified threshold (defined by the top, bottom, left, or right properties), the element becomes "stuck" and remains fixed at that position.
Z Index: Defines the order of overlapping between various widgets. Those with a higher index are placed on top of those with a lower index.
💡 If you have questions or concerns, contact us directly via the Live Chat box in the lower right corner. Our Support Team will provide you with top-notch quality support 24/7.