www.wysiwygwebbuilder.com

I am using a layout grid with the height set to “100vh”

When displayed in a browser, this fills the screen. However, when displayed in the operating screen of web-builder, this just displays a a single “bar” of 56px at the top of the page. This makes it impossible to add a button that needs to be displayed in the middle of the layout grid page.

How can I get Webbuilder to display the layout grid to fill the visible page?

During design time, the layout grid will auto size. This means that the height is determined by the content of the layout grid.
If the layout grid is empoty then the height will be 60 pixels, so you have an area to drag & drop elements in the grid.

Hi Pablo

Thanks for the prompt reply

Unfortunately, because I have a multi-layer page, when I try that, it does not work. I can get an object into the flex container. If I move an existing large button, it will move into the flex container and enlarge it (although the button automatically moves to the left). However, if I try to change the position (either on the painting screen - or changing the values of the location properties in the right hand box) the button automatically jumps out of the flex container and adds itself as a child of a different layer (even though the flex container is shoing as being at the front).

You can re-arrange objects in a layout grid with the 'Arrange' tools.
You cannot change the position via properties because in a grid elements are 'floating'.
So, the order of the elements and the size of the container determines the size and position. That is the whole point of flexible design.

Related tutorial:
http://wysiwygwebbuilder.com/layout_modes.html

Thank you Pablo

But when I try to use the arrange tools on the flex grid, all the align tools are greyed out

You will need to select the element in the grid. Not the grid itself.

Yes, I selected different elements in the layout grid and the arrange tools are still greyed out

all the elements show in object manager as chid objects of the layout grid

In that case, please share a demo project so I can see what you have done.

Related FAQ:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=82134

Thank you Pablo

The .wbs is at:

http://www.perceptiondynamics.ltd.uk/test/test.wbs

Open the project, click on either "start the app" button or "loading the app" label and the align tools are greyed out

For me the align tools are enabled.

Note that I am referring to the 'move to top', 'move to bottom' etc.
These commands allow you to re-arrange the items in the grid.

See also the FAQ:
http://www.wysiwygwebbuilder.com/forum/ ... 10&t=71391

I am using WB14. The reason I did not upgrade is that wb 15 did not have the one item I needed most - that was to be able to change layers through the object manager. While WB is a fabulous piece of software, this is the one weakness, if, like me, you are using multiple layers. With multiple layers, moving an object on the operational interface takes on a life of its own! It rarely does what I need it to do!

Are you saying that wb 15 does not have the problem I am experiancing? (greyed out move to top or bootom etc)

There are no known issues with layers.

In WB14 you can also use the arrange tools to re-arrange objects.

WB15 also supports drag & drop of floating elements, as documented in the release notes.
https://wysiwygwebbuilder.com/new_features.html

Pablo

So if there are no issues on changing layers, I must be doing something wrong.

For example, on the following webbuilder:

https://www.perceptiondynamics.ltd.uk/test/Master.wbs

The bottom two objects on the object manager are:
testGraph and Html2

How do I make Html2 a child object of testGraph?

Thanks

In your project you have several nested elements.
Also, you have placed a layer on top of a layout grid. So, it is difficult for me (and probably also the software) to make any sense of this.

I suggest to move the layer to free space on the page, then you can drag & drop element on top of the layer without other containers getting in the way.

Pablo

Thank you for your reply

In operation, the layers are continually moved to the front and back by javascript using z-index (over 6000 lines of code).

Is being able to move layers in object manager likely to be in any future upgrades?

Thanks

Only one layer can be on top at a time. So, only that layer can accept dropped elements. This is not something can be changed, that is just how it works.
In WB15, you can drop elements on a layer via the Object Manager. However, this is mainly useful for floating layouts, because otherwise you cannot control the position.