Group focus fit width to content

Idea
1

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.

2

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

1 Like
3

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

4

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
5

ok ill look into that, thanks!

6

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?

7

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.

8

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

13 Likes
9

i appreciate this thank you

1 Like
10

beautiful! Thanks

1 Like
11

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)