Darken Screen with Floating Groups

Need help
1

I’m currently trying to darken the page background—similar to a modal overlay—when a floating group is visible.

The challenge is that I also have a second floating group acting as the page header, and I’m struggling to find a way to apply the dark overlay to include this second Floating group.

Does anyone know if this is possible using CSS, and if so, how to target just the page content beneath the first floating group?

2

I achieve this by setting the layout type to Align To Parent. Now you can have your darkened layer below your “window” in one floating group.

3

Doh! me… i was over thinking this. Spot on ..thank-you

1 Like
4

also the order of the elements in the elements tree is important for floating groups

example - sidebar and header as separate floating groups

if one is above the other in the element tree then it’ll display that way in the app (ie header sitting over sidebar)

5

This topic was automatically closed after 70 days. New replies are no longer allowed.