The Advanced Tab includes the standard settings which are available for each control for forms and dashboards in Yeeflow.
Container Child (Optional)
When a control is placed inside in a Container, you will see this additional setting option in the Advanced tab.
Grid Child (Optional)
When a control is placed inside in a Grid, you will see this additional setting option in the Advanced tab.
Advanced
Margin: Set the Margin of the selected element in PX, or %.
Padding: Set the Padding of the selected element in PX, or %.
Width: Select the width of the element, choosing from Full Width (100%), Inline (auto), or Custom.
Width (Value): Only available if Custom is chosen. Use the slider or enter a value in PX, or % to adjust the width of the element within the container.
Vertical Align: Only available if Full Width (100%), Inline (auto), or Custom is chosen. Select to display the element at the Start, Center, or End.
Position: This option allows you to select absolute or fixed positioning for your element. If using the absolute or fixed positioning, you may manually enter the numeric X and Y positions in the Horizontal and Vertical Offset scales.
Default Position: The element is in its natural state, positioned merely by the natural flow of the page. This is the default position of all elements.
Absolute Position: The element is positioned absolutely to its first positioned parent.
Fixed Position: Set your control to have a fixed position and place it in a custom position. The element will stay fixed in that position as the page is scrolled. The element is positioned relative to the user’s viewport.
Additional Controls: If either Absolute or Fixed are selected, the following options also become available.
Horizontal Orientation: Sets the horizontal reference point for the absolute positioning, with choices of either Start or End.
Offset: Changes the horizontal reference point by the amount of the offset.Vertical Orientation: Sets the vertical reference point for the absolute positioning, with choices of either Start or End.
Offset: Changes the vertical reference point by the amount of the offset.
Z-index: Set the Z-Index. Learn more about Z-Index.
CSS ID: Set a CSS ID for your section.
CSS Classes: Set CSS Classes for your section. Learn more about CSS ID and CSS Classes.
Pro Tip:
Absolute positioning is not the recommended method for building web page layouts. Having said that, it does come in handy in many situations where you want to position the various page elements more freely.
Background
The following options can be set independently for both the normal and hover states.
Background Type: Choose between Classic or Gradient
Border
The following options can be set independently for both the normal and hover states.
Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved
Border Radius: Set the border radius to control corner roundness
Box Shadow: Adjust box shadow options
Responsive
Reverse Columns: Slide to reverse your columns order (Great for Mobile)
Visibility: Show or Hide your section on Desktop, Tablet, or Mobile
Custom CSS
Add your own custom CSS. Learn more about Custom CSS.