Layout Grid and Flex Grid problems

[lelis]

Hi, I would like to use this two types of layout but I'm not able to attache any elements as <div>, <image> etc with given grid. The attached element is always floating. I"ve tried different mode for <div> without any success. I've tried also Chrome, Firefox etc Thanks for help !!

[Pablo]

The purpose of layout grids and flexbox is to create flexible layouts. Therefor the elements inside the container are floating.

To learn more about different layout modes, please see this related tutorial:
https://wysiwygwebbuilder.com/layout_modes.html

[crispy68]

What exactly are you trying to do? What do you mean by 'attach any elements as <div>'? If you are wanting to add code inside, use the html code box and then drag it inside.

As for images, you simply drag the image inside the grid column. If you want the image to scale, set full-width of image to True.

The attached element is always floating.

That is correct. Layout Grids and Flex Grids are to be used when creating floating/responsive design. What were you expecting the results to be?

[lelis]

One example:
I've grid with 5 rows. I would like to attach as example <div > (ID = "toto") inside of the second row and when I open this page
the "toto" have to be inside of second row but it is totally floating (anywhere on the page). Idea is to update "toto" with js function. For instance I'don't use js only "toto". Thanks for help.

[Pablo]

You can use an HTML object to place code inside a layout grid column.
If you select 'do not use div' then you have full control over the code.

[lelis]

A lot of thanks Pablo! Sorry where is this option "do not use div" ? There is <article>, <section> etc. Thanks for help

[Pablo]

Step 1
In the toolbox, select HTML

Step 2
Drag the HTML object inside the layout grid

Step 3
Double click the HTML object to set Type to 'do not use div'