WebCreator 8 - Positioning modes

From LMSOFT Documentation
Revision as of 15:09, 27 November 2023 by Jldemers (talk | contribs) (Created page with "In the previous exercises, the two modes of positioning in WebCreator were shown : '''Free''' and '''Automatic/Floating'''. Let’s look into this in more detail. === Free positioning === This positioning mode is simple and intuitive: drag and drop, move with the mouse or keyboard arrows. With the help of the snap grid, it is easy to make a precise and nice layout. '''Free''' positioning mode is preferred for arrangements of elements in small structures like the '''blo...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

In the previous exercises, the two modes of positioning in WebCreator were shown : Free and Automatic/Floating. Let’s look into this in more detail.

Free positioning

This positioning mode is simple and intuitive: drag and drop, move with the mouse or keyboard arrows. With the help of the snap grid, it is easy to make a precise and nice layout.

Free positioning mode is preferred for arrangements of elements in small structures like the blocks that we have mentioned previously, text boxes or products that you are going to position on your page or in larger containers.

But for Web page creation, this mode has quickly reached limits. With long pages containing many elements, which recently became the norm, it becomes unworkable.

Floating positioning

For a page or a large panel in which you position several other small containers, such as blocks, you will opt for Automatic or Floating positioning.

By setting the positioning of your items in this manner, you tell them that, in the container where they are, they will position themselves automatically starting in the highest upper left or corner. When a first row is completed, the next item will go under the first one, and so on. It is similar to typing text: when the text reaches the border of the page, a linefeed is inserted and the typing continues in a next line.

This makes it possible to design web pages which will adjust themselves automatically.