Does anybody have a solution to dynamically setting the width of a reusable popup? I’ve tried CSS Tools, a basic javascript command, setting the element width to be narrower than the actual width (hoping it would then expand when needed.) No luck.
The use case is a popup with Simple and Advanced options. The advanced options are an additional panel of elements to the right of the main area. The advanced panel is hidden on narrow devices. All working well, but on desktop if I hide the advanced panel, I get a large white space since we can only collapse vertically, not horizontally. I’d like to be able to toggle from wide to narrow (the width of both will be a preset number of pixels.)
I’ve seen lots of threads on setting element widths, but can’t find the magic solution for reusable popups.
Appreciate any ideas…Anybody?