i

Please enable JavaScript to view this site.

Documentation 8.7

The structure properties panel of an element opens when selecting the icon PropiedadesEstructura of  its context menu.

 

 

MP-PropiedadesEstructura-008

Alignment

 

Allows to align the element by selecting one of the available icons.

 

AlineamientoIzq Align to the left.

 

AlineamientoCentro   Align to horizontal center.

 

AlineamientoDer Align to the right.

 

AlineamientoArriba Align up.

 

AlineamientoCentroVert Align vertical center.

 

AlineamientoAbajo Align bottom.

Size

 

MPA-PropiedadesTamaño-001

 

All size properties can be expressed in pixels (px), percentage (%), viewport width (vw), and viewport height (vh). Additionally, for Width and Height properties, the “auto” option is added.

 

If selecting percentage (%) for the width and height properties, the size is calculated relative to the top element.

Position Type

 

It determines if at the time of execution the element remains fixed on the page or if it moves as the scroll bar moves forward or backward.

 

MPA-PropiedadesTipoPosicion-002

 

Possible Values

 

Default: The element has a relative position with respect to the superior element where it was placed (container or section).

Fixed: Fixes the element to the page so that it is always visible in the same position. It allows to increase the visibility of important content.

Docking

MPA-Acoplamiento-001

 

Determines the vertical and horizontal position of elements within the page section or container, when the screen is resized.

 

When an element is added or moved within the section or container, the modeler automatically docks it to the nearest corners or edges. It can also be configured by clicking on the arrows of the side to be docked to or on the center.

 

Once the element is docked, its exact position is indicated in the Margins property. The direction of the docking arrows determine the values that are automatically displayed for margins.

 

The docking position is indicated in the modeling area by dotted lines on the element.

Margins

MPA-PropiedadesMargenes-001

 

It allows to define the distance of elements from the borders of their top element. The behavior of margins depends on the docking of the element. It can be expressed in pixels (px), percentage (%), viewport width (vw), and viewport height (vh).

 

Top

Distance to the top border of the highest ranking element.

 

Bottom

Distance to the bottom border of the highest ranking element.

 

Left

Distance to the left border of the highest ranking element.

 

Right

Distance to the right border of the highest ranking element.

 

iconobordes Allows the value entered in one of the margins to be copied to the other ones automatically.

iconomargenes Allows to indicate different values for each margin.

Send us your comments
Share on X Share on Linkedin Send by Email Print