Group focus fit width to content

is there plans to allow group focus to fit width to content? a little frustrating to have to set a set width that wont match the responsiveness of everything else around it. unless there is a trick i need to learn.

also being able to tell one element to be the same width of another element through condition. not sure if thats possible.

thanks for the category change, i didnt know how to change it when i realized what the green square meant.

1 Like

I need this too, a fit ‘width to content’ option for focus groups

You just need to add some custom CSS with an HTML element. Add an ID to the element and use a dynamic expression with the parent group’s width.

<style>
    
    #elementID {
        width: (Parent group's width)px!important
    }
    
</style>
3 Likes

ok ill look into that, thanks!

Hey @ladd0393 that looks great, but how do you do that dynamic expression? What’s the actual CSS syntax to reference parent group’s width?

If you use an HTML element on the page then you can put Dynamic Expressions in the lines of code, so you can reference it directly.

Hey @johndurso @ksplinter007 , I made a video a while back addressing a similar issue that should be helpful.

13 Likes

i appreciate this thank you

1 Like

beautiful! Thanks

1 Like

Hi @ladd0393 @nico.dicagno @eli , thanks for the great tips. I tried it with my groupfocus and it did not work. I wanted the groupfocus to fit to the width of the emoji picker placed inside it. Did I do something wrong here?:
Screenshot 2024-10-13 at 13.13.34
(Groupfocus id is “emojibox” and html element is placed inside the groupfocus)