Style Settings - Advanced

Advanced Settings are divided into Subcategories.

1. General 

2. Position

3. Transform

General 

Under General Settings, the user will get the option to change the opacity or transparency of the selected element, row, or section.

To change the opacity of the selected component, you can adjust the slider as according to your need.

By default it is kept at 1, one can adjust the value between 0 to 1.

Position 

Under position settings, a user can change the position of the selected component using different subcategory settings like Relative, Absolute, Fixed, and Default. 

RELATIVE SETTINGS

The selected component becomes relative to the parent component.

For example - an element will become relative to the column, a column will become relative to the row, a row will become relative to the section and a section will become relative to the page.

One can adjust the selected component relative to its parent component and change position relatively.

Z-index - It helps us to change the overlay of the component when two of the components will overlap each other. The component whose Z-index will be more will overlap the component with less Z-index.

ABSOLUTE SETTINGS

The selected component becomes an absolute component and can be moved and positioned anywhere by changing the position values. 

Fixed Settings

To fix a component, this setting is used.

One can fix any component and stick it to the defined page space, by changing the fixed settings.

Default Settings

It is used to undo the setting changes done and keep them by default the same.

Transform 

These advanced settings are used to transform the selected component by changing its properties by using Scale, Translate, Rotate, and Skew settings.

Scale 

It's used to scale (EXPAND) the selected component on the x and y-axis.

By using the scale setting in Transform advance settings a user can expand the selected component Horizontally and vertically. 

TRANSLATE 

It's used to translate (MOVE) the selected component on the x and y-axis. 

By using this advanced setting, a user can move the selected component horizontally and vertically. 

ROTATE 

It's used to rotate the selected component on the x, y, and z-axis. 

By using this advanced setting, a user can rotate the selected component horizontally and vertically up to 360 Degrees.

SKEW

It's used to slant (skew) the selected component on the x,y, and z-axis up to 360 degrees. 

By using this advance setting a user can slant (skew) the selected component horizontally and vertically up to 360 Degrees.