How to Collapse FocusGroup?

Hi,

There’s a gap on my top left popup menu, where an option appears depending on the role of the user.

There is no option to make the focus group collapsible–apparently.

I saw this other thread about it, but not resolution it seems.

How to fix this?

Hmmm. Could you set a new state that possibly could lead to setting up a Conditional statement on the element which adjusts the height?

Check the text element itself, you might have empty spaces in it or a hidden group.

To my knowledge it is not possible to adjust the height of an element using conditions. But if there’s a way I’m all ears. Cheers.

Hi I am not sure what you mean by "check the text element itself " etc. There are 4 text elements stacked up vertically inside a Group inside a FocusGroup.

Text Element 3 from the top is invisible on load and is only revealed if the user has a specific role.

The Group holding the 4 text elements together has the option to collapse.

Text Elements do not have that option and nor do FocusGroup (if there is I see it not).

There are no new lines or hidden spaces I can see and no other objects that those mentioned here above:

Did you activate the “Shrink when text get shorter” checkbox?
This is the first option
The second one is to put each of your text into their own group and put the condition on the Group instead of the text. Set it to collapse when hidden.

Like a page, you don’t collapse the page… you collapse element inside and this update the page height. The Focus group will do the same and adapt to the content.

3 Likes

Inside the text element in the rich text editor, you might have hidden spaces. Happened to me so many times ;( If that’s not the case like you said then we’ll need to dig some more :face_with_monocle:

1 Like

You can’t collapse ‘text’ elements’ height when they’re not visible, only groups.

So you need to put each text element inside its own group, and have that group set to collapse height when not visible:

For example, in the image below of a focusgroup menu, each group is a different colour (so you can see each group separately) and the text element is within the group:

image

Then, when using conditionals to hide individual groups, when they are not visible they collapse and the menu items below will shift up and take their place:

image

image

2 Likes

@adamhholmes
using shrink when text get shorter will also work.

However, I always recommend to use the group that is the correct and official way to do that.

1 Like

Ohhhhh! Why does it seem so obvious now that you told me? Let me try that one!

2 Likes

You can change the text to blank when hidden but putting them inside groups is the standard way. :o:

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