Child pages
  • Editing a responsive layout form

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

When dragging an element from the palette, the editor automatically highlights the existing layout structure. In order to see where the component will be dropped, the cursor holding the element (component or layout) has to stop moving for at least 200 ms. After that, the editor will re-layout the form with the new component in that position. If the mouse button is released, the component will actually be dropped in the form. If, instead,  the cursor will be moved, the editor will re-layout the form again, but this time without the new component.

Image Added

After the component is dropped, the editor will remove the highlighting of the layout structure and will render the form as it would look like in a "real" client.

The "preview" setting, ifImage Added switched on, will keep the layout highlights all the time.

 

Layouts can be nested according to the following rules:

...