LayoutGrid Subdivision Background Colour

[ChalkyW64]

I am having problems formatting the background colour for subdivisions of a LayoutGrid.

1) I create a LayoutGrid and set its background colour to 'black' (to match the background colour of its page)
2) I subdivide the LayoutGrid into 2 sections (9-3)
3) I select each subdivision and set its background to 'solid' and its colour to a shade of blue (via its 'style' dialog)
4) WB18 subsequently displays the LayoutGrid with 2 subdivisions each having a blue background as shown below:



5) However, when previewed in a browser, subdivisions which contain no objects (or whose objects are smaller than their neighbours') have a black background, as shown below:



Is this an error on my part or an issue with the software?

As an aside: it would be nice if 'subdivisions' inherited the background (etc.) settings from the right-most existing section - this would save having to change each one individually after they have been added, as the 1st would be automatically copied to the 2nd upon its creation, which would then be copied to the 3rd etc...

[crispy68]

I'm confused. If you want the background to be blue behind the text and image, why not just set the entire background of the layout grid to be blue? The way it is set up you will never see the black background anyway.

The solution to you query is simply to change the grid system of the layout grid to flexbox.

As an aside: it would be nice if 'subdivisions' inherited the background (etc.) settings from the right-most existing section - this would save having to change each one individually after they have been added, as the 1st would be automatically copied to the 2nd upon its creation, which would then be copied to the 3rd etc...

This is only handy if I want each section to have the same color. If I don't want it to be the same color then it is not handy.

[ChalkyW64]

Hi crispy68 - thanks for responding - much appreciated.

I'm confused. If you want the background to be blue behind the text and image, why not just set the entire background of the layout grid to be blue?

I tried that initially - but the blue extended all the way across the browser window, and I only want it in the (centred) page area.

The way it is set up you will never see the black background anyway.

Not sure I understand what you mean by that, as the way it is set up (assuming you are referring to the way I have configured it?) I do see the black background...

The solution to you query is simply to change the grid system of the layout grid to flexbox.

Fantastic - thank you (though I'm not sure how I could have found that out without your help - I did spend a considerable amount of time online looking for a solution before posting on here)!

As an aside: it would be nice if 'subdivisions' inherited the background (etc.) settings from the right-most existing section... [snip]

This is only handy if I want each section to have the same color. If I don't want it to be the same color then it is not handy.

It goes without saying that your comment is very true - but a 'clone style' checkbox next to the Add [column] button would give users who do want such functionality the choice (I am guessing that newly created columns inherit the LayoutGrid's style at the moment anyway?).

[crispy68]

Not sure I understand what you mean by that, as the way it is set up (assuming you are referring to the way I have configured it?) I do see the black background...

By default, a layout grid spans the entire width of the browser so you will always see the background of the grid (not of the page) unless the background of the layout grid is set to transparent. You didn't specify whether you were using the max-width option in the grid. I assume you are to limit the width of the columns as this would allow you to see the background of the page on the right and left?

[bkjohns]

To prevent the grid from going all the way across the screen set the max width to a negative number - such as -1024.

[ChalkyW64]

By default, a layout grid spans the entire width of the browser so you will always see the background of the grid (not of the page) unless the background of the layout grid is set to transparent. You didn't specify whether you were using the max-width option in the grid. I assume you are to limit the width of the columns as this would allow you to see the background of the page on the right and left?

Ah - now I get it. Yes - your assumption is correct.

To prevent the grid from going all the way across the screen set the max width to a negative number - such as -1024.

Brilliant - thank you!