flex containers only showing as a bar at the top of a page

All WYSIWYG Web Builder support issues that are not covered in the forums below.
Forum rules
IMPORTANT NOTE!!

DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.



PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Post Reply
IanRob
 
 
Posts: 24
Joined: Sat Jul 21, 2018 11:52 am

flex containers only showing as a bar at the top of a page

Post by IanRob »

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?
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: flex containers only showing as a bar at the top of a page

Post by Pablo »

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.
IanRob
 
 
Posts: 24
Joined: Sat Jul 21, 2018 11:52 am

Re: flex containers only showing as a bar at the top of a page

Post by IanRob »

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).
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: flex containers only showing as a bar at the top of a page

Post by Pablo »

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
IanRob
 
 
Posts: 24
Joined: Sat Jul 21, 2018 11:52 am

Re: flex containers only showing as a bar at the top of a page

Post by IanRob »

Thank you Pablo

But when I try to use the arrange tools on the flex grid, all the align tools are greyed out
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: flex containers only showing as a bar at the top of a page

Post by Pablo »

You will need to select the element in the grid. Not the grid itself.
IanRob
 
 
Posts: 24
Joined: Sat Jul 21, 2018 11:52 am

Re: flex containers only showing as a bar at the top of a page

Post by IanRob »

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
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: flex containers only showing as a bar at the top of a page

Post by Pablo »

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
IanRob
 
 
Posts: 24
Joined: Sat Jul 21, 2018 11:52 am

Re: flex containers only showing as a bar at the top of a page

Post by IanRob »

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
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: flex containers only showing as a bar at the top of a page

Post by Pablo »

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
IanRob
 
 
Posts: 24
Joined: Sat Jul 21, 2018 11:52 am

Re: flex containers only showing as a bar at the top of a page

Post by IanRob »

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)
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: flex containers only showing as a bar at the top of a page

Post by Pablo »

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
IanRob
 
 
Posts: 24
Joined: Sat Jul 21, 2018 11:52 am

Re: flex containers only showing as a bar at the top of a page

Post by IanRob »

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
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: flex containers only showing as a bar at the top of a page

Post by Pablo »

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.
IanRob
 
 
Posts: 24
Joined: Sat Jul 21, 2018 11:52 am

Re: flex containers only showing as a bar at the top of a page

Post by IanRob »

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
User avatar
Pablo
 
Posts: 21578
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: flex containers only showing as a bar at the top of a page

Post by Pablo »

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.
Post Reply