Flexgrid Content NOT Visible

Post Reply
Smee
 
 
Posts: 71
Joined: Fri Mar 02, 2018 11:03 pm

Flexgrid Content NOT Visible

Post by Smee » Fri May 18, 2018 3:38 pm

Now that I have a breather, I'll take the time to show what is the problem with the flex grid.

When I downloaded your example, it works perfectly. When I place a flex grid on the page (using either the default configuration, choosing a template, or building from scratch) I get one of two things. Sometimes I get a page that only Picasso could understand, or I get absolutely nothing.

I posted one example a couple days ago. To refresh:

This is how it looked in WWB: Image

And this is how it looked in browser: Image

Currently experimenting with this file: http://www.ahgweb.com/wwb_14/flexgrid_notworking.wbs

When previewed in Firefox and Edge nothing in the flex grid appears.

If I try it in Internet explorer, I at least get something ableit the page is not usable.

Been through the tutorial a couple of times, but must be missing a step somewhere.

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

Re: Flexgrid Content NOT Visible

Post by Pablo » Fri May 18, 2018 4:13 pm

First note that Internet Explorer does not support CSS layout grid, so it will not work in IE.

Also:
- flex grids do not work with master pages with layers combined.
- you have added breakpoints, but the flex grid layouts in the breakpoints do not have anything in common with the default view. So, therefor nothing will show in breakpoints.

To make your project work:
- remove the layers from the master page, make sure all content is 'flexible' (layer are mainly for absolute positioned content)
- remove the breakpoints or make sure the settings make sense.
- do not use 'center in browser', this makes the page width fixed
- remove fixed content like Title1, Description1, because it affects the view port size in smaller views.

Tip: Do not use too much difference layout method on the same page (layer, layout grid, flex grid, master pages, absolute positioned objects). Not everything can be mixed together.

Smee
 
 
Posts: 71
Joined: Fri Mar 02, 2018 11:03 pm

Re: Flexgrid Content NOT Visible

Post by Smee » Fri May 18, 2018 4:40 pm

Pablo wrote:
Fri May 18, 2018 4:13 pm
First note that Internet Explorer does not support CSS layout grid, so it will not work in IE.
I knew that, that is why I tried as I was getting nothing in the browsers that are supposed to support it.
Pablo wrote:
Fri May 18, 2018 4:13 pm
Also:
- flex grids do not work with master pages.
THAT is likely where the problem is then. Looked in tutorial and could not find that information. Now I know.

Does that then mean that this is best used for single page sites ... as reconstruction of the header on large sites could become quite time consuming?

Thanks.

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

Re: Flexgrid Content NOT Visible

Post by Pablo » Fri May 18, 2018 5:18 pm

To make your project work:
- remove the layers from the master page, make sure all content is 'flexible' (layer are mainly for absolute positioned content)
- remove the breakpoints or make sure the settings make sense.
- do not use 'center in browser', this makes the page width fixed
- remove fixed content like Title1, Description1, because it affects the view port size in smaller views.

Tip: Do not use too much difference layout method on the same page (layer, layout grid, flex grid, master pages, absolute positioned objects). Not everything can be mixed together.

Smee
 
 
Posts: 71
Joined: Fri Mar 02, 2018 11:03 pm

Re: Flexgrid Content NOT Visible

Post by Smee » Fri May 18, 2018 5:57 pm

I do use layers as a spacer to keep the first layer off of the absolute top of a page. and the absolute bottom of a page. Inside of layers though, I usually use a transparent shape as a spacer.

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

Re: Flexgrid Content NOT Visible

Post by Pablo » Fri May 18, 2018 6:12 pm

Why not use margin?

Smee
 
 
Posts: 71
Joined: Fri Mar 02, 2018 11:03 pm

Re: Flexgrid Content NOT Visible

Post by Smee » Fri May 18, 2018 7:02 pm

Pablo wrote:
Fri May 18, 2018 6:12 pm
Why not use margin?
I've been looking for "page" property, didn't think to look at object arrange. Thanks.

Sometimes figuring out where to look is half the battle.

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

Re: Flexgrid Content NOT Visible

Post by Pablo » Fri May 18, 2018 7:24 pm

Margin is also available in the context menu (right click) or via the Property Inspector.

Post Reply

Who is online

Users browsing this forum: No registered users and 2 guests