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
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

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

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

Post by IanRob » Fri Apr 24, 2020 7:41 am

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: 21791
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

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

Post by Pablo » Fri Apr 24, 2020 7:59 am

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: 78
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 » Fri Apr 24, 2020 8:29 am

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: 21791
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

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

Post by Pablo » Fri Apr 24, 2020 9:17 am

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: 78
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 » Fri Apr 24, 2020 9:35 am

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: 21791
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

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

Post by Pablo » Fri Apr 24, 2020 10:16 am

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

IanRob
 
 
Posts: 78
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 » Fri Apr 24, 2020 10:22 am

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: 21791
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

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

Post by Pablo » Fri Apr 24, 2020 11:08 am

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: 78
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 » Fri Apr 24, 2020 12:36 pm

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: 21791
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

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

Post by Pablo » Fri Apr 24, 2020 12:58 pm

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: 78
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 » Fri Apr 24, 2020 4:01 pm

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: 21791
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

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

Post by Pablo » Fri Apr 24, 2020 5:16 pm

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: 78
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 » Wed Apr 29, 2020 11:20 am

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: 21791
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

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

Post by Pablo » Wed Apr 29, 2020 11:39 am

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: 78
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 » Wed Apr 29, 2020 12:10 pm

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

Post Reply