Group Focus & Floating Group coexistence

Need help
1

Hello everyone.

I’m using two reusable elements in my page:

  1. header
  2. element containing group focus

Once I make the group focus appear and then scroll the page down, the group focus stays above the header floating group, which is not what I wanted.

Can anybody tell me what I should do to make the group focus stay under the floating header?

And please, since I can use bubble but I have no coding skills, in case some coding is required, I would appreciate if you told me what I should type and where I should put the code.

Thank you in advance!

2

As far I know, groupFocus elements can’t be sent to the back/front like normal element’s They’re designed to always appear as a model dialog and be at the front. You could replace that element with a standard group perhaps, if the layout it’s within allows you to still keep the desired look.

Regarding the coding part of the question, it may be possible to assign an attribute ID to the groupFocus and set the zIndex to a minus value, but to be 100% sure I’d have to test it.