Layout Grid disappears

Issues related to previewing and publishing your web site.
Post Reply
User avatar
crispy68
 
 
Posts: 613
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Layout Grid disappears

Post by crispy68 » Mon Jan 15, 2018 10:56 pm

Hey Pablo,

Have a weird situation and not sure if I don't have something set up right or what. Here is what's happening.

I have the page set to width and height 100%. I have a HTML5 video set to fill the browser window. I then have 4 layers set as follows:

1. floating layer - full screen - center in browser window (floating full screen only)
2. floating layer - full width - center
3. layout grid with back ground color
4. Docking layer - set to center both vertically and horizontally (nothing in the layer currently)
5. Font awesome icon below all these layers

When you preview as is, everything works. The layers and layout grid are visible.

However, now place the font awesome icon into the layout grid and preview. The layout grid completely disappears. The space is still there but is transparent now. Remove the font awesome icon and it works again. Same goes if you stick the icon into the docking layer or one of the floating layers. The layout grid disappears.

The same things happen if i use an image or text. I'm baffled as to what's going on.

Here is the sample project: http://www.wizbangwebdesign.com/demo/project-file.zip. I've included the sample video i'm using as well.

User avatar
Pablo
 
Posts: 18299
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Layout Grid disappears

Post by Pablo » Tue Jan 16, 2018 7:20 am

The problem is related to the z-index of the video. It overlaps the layout grid.
The full width layer uses a fixed position (with z-index) other size it cannot be full page. Floating layers and layout grids do not have a z-index.

To solve this you can disable 'Use z-index for object order' in the Page Properties.

User avatar
crispy68
 
 
Posts: 613
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Layout Grid disappears

Post by crispy68 » Wed Jan 17, 2018 12:14 am

Hey Pablo,

I did what you said and it is working now.

However, I do have one other issue....if I try to place a panel menu or panel layer onto the page, the video does not play. Any idea why this would cause it to not play?

User avatar
Pablo
 
Posts: 18299
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Layout Grid disappears

Post by Pablo » Wed Jan 17, 2018 6:49 am

I need to see the code to say anything meaningful about this.

User avatar
crispy68
 
 
Posts: 613
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Layout Grid disappears

Post by crispy68 » Wed Jan 17, 2018 2:59 pm

Pablo,

Real simple.

1. download the project from my first post. Video is included.
2. disable the 'use z-index for object order' as stated in your solution. Preview and video plays.
3. insert a panel menu or panel layer anywhere. Preview and video doesn't play.

User avatar
Pablo
 
Posts: 18299
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Layout Grid disappears

Post by Pablo » Wed Jan 17, 2018 3:18 pm

It works for me in all browsers except for Chrome.
However I think the problem is caused by the fact that both scripts modify the body container behavior (to be full screen), so they cannot be used together.

User avatar
crispy68
 
 
Posts: 613
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Layout Grid disappears

Post by crispy68 » Wed Jan 17, 2018 4:36 pm

thanks Pablo.

It doesn't work in Edge either.

Do you know of any other way besides a 3rd party script or messing with the code after publish to achieve having a fixed, full screen video background when using only layout grids and floating layers over the top that will work with the panel menu?

User avatar
Pablo
 
Posts: 18299
Joined: Tue Mar 28, 2006 12:00 pm
Location: Europe
Contact:

Re: Layout Grid disappears

Post by Pablo » Wed Jan 17, 2018 4:52 pm

I'm sorry, unfortunately not all scripts can work together.

Post Reply