Aligning Group Focus in a Repeating Group Based on Page Height

Hi,

I’m working on a project where I have a Group Focus element nested inside a Repeating Group. I need to adjust the alignment of the Group Focus so that it behaves differently based on the available page height:

When there is enough height on the page: The Group Focus should align under the “More” button.

When there isn’t enough height on the page: The Group Focus should align on top of the “More” button.

Could you please guide me on how to achieve this dynamic alignment behavior? Any tips or best practices would be greatly appreciated. Thank you!

While I have not tried this, my instinct would be to create two versions of the GroupFocus and have them align differently (per your requirements) and then use conditionals to show the appropriate one.

Eg. show GroupFocus A only when [cell] is hovered and page height > X

Show GroupFocus B when [cell] is hovered and page height =< X

This feels like it would work :slight_smile: but again, I’ve never tried this exact scenario

1 Like

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