If the item Advanced Edit is selected in the Add Element PopUp Menu, this special window opens.

The default values ​​for the layout design and the margins can be changed here.
The margins also determine the boundaries that apply to the Layout area. The larger the margins, the smaller the layout area, i. the page area available for the elements (images, videos, links).

With the aid of these adjustment elements and buttons, the selected element (image, video, link) can be very conveniently positioned and scaled.



Layout definition

With the “Layout Designer” you can easily define the basic layout. Each gray “bubble” corresponds to a possible position.
A maximum of 8 (width) * 6 (height) images can be positioned on one page via the layout (maximum 4 * 6 on a single page).
Selected (enlarged) is the active area (indicated by the bright yellow bubbles) by clicking in the newly desired lower right corner.
Clicking on the 4th bubble from the left and 4th Bubble from the left expands the currently defined layout from 2 * 3 to 4 * 4, so that 16 images can fit on one page.
The pictures are of course quite small then. But such a layout could be used for a thumbnail overview.
If you click on a light yellow bubble, that is, on a position within the active layout, we will put the current element in that position on the page.
By clicking on the “next” arrow, the element jumps to the next layout position. So you can quickly step through the possible positions

If you want to reduce the size of the layout, hold down the SHIFT key and click on a light yellow bubble within the active layout. This bubble will become the new right corner of the reduced layout.

If all this sounds confusing: “Actually,” it’s easy. All you have to do is click in the bubble area a few times with and without holding down the Shift key, and you’ll soon see what happens ;-)

centering

These buttons can quickly center an item. In order from left to right:
Horizontally centered, vertically centered, set to the center of the picture

positioning

The controls in this area allow you to move the current item. The element locks on grid points. The spacing of these grid points is determined by the “snap” value:

The area within wich the elements can be moved and scaled is limited by “margins” (see below).

  • via slider (the areas with the two “bubbles” above the input fields
    • horizontal
      The left button of the first slider moves an element horizontally from left / right.
      The right button changes the width of the element. The height changes at the same time so that the aspect ratio of the element remains the same.
    • vertical
      The left head of the second slider moves the element up(down.
      The right button changes the height of the element. The width changes at the same time so that the aspect ratio of the element remains the same.
  • per input field
    The position and size of the element can also be entered as a pixel or percentage value.

The Snap value is used to set the distance of the grid points that the element snaps into when the position or size changes.
This facilitates the alignment of the elements to each other.

The “Full Page” button scales the element to fit the full page size; similar to a page element. In this case, the “margins” will not be considered!

Margins (restricted areas)

Margins are margins that are locked to items. Elements can only be moved and scaled within these limits on the page. The size of the margins, i. The locked areas can be set separately for the left and right side and the upper and lower side area in this window area.

The symbols indicate on which edge area the values ​​(either as a pixel value or as a percentage value, based on the page width at the lateral edge areas, or in relation to the page height at the upper and lower edge area.

The “WIthin Margins” button scales the element so that it reaches all the way to the edge.

Last modified: 2019/01/26

Feedback

Was this helpful?

Yes No
You indicated this topic was not helpful to you ...
Could you please leave a comment telling us why? Thank you!
Thanks for your feedback.

Post your comment on this topic.

Post Comment