kooxda
December 20, 2021, 12:28pm
1
Hi All,
I am trying to make a popup show a reusable content that has a bigger size than the popup, but when it shows the reusable content, the popup does not stretch vertically to fit all the content (as a regular group would do…) Any ideas?
This is what the configuration looks like:
“Element - formación video” is a reusable element of dimensions 1130x800 that needs to be embedded inside the “Popup Detalle Formacion”
As you can see, the popup mantains a constant height of 550 px and does not strecht.
Thanks a lot for all the help!!
I have this problem too… So I made the popup bigger than the reusable element.
The only problem is that the popup won’t collapse its height, no matter if the reusable has a collapse height in it.
Result: I have a popup with A LOT of blank space hahah
kooxda
December 20, 2021, 4:01pm
3
@ri_scc_94 Yes!! Just what I am trying to avoid: having a lot of whitespace on the popup…
If you find a solution let me know! I will do the same here
bradey
June 14, 2023, 4:54pm
4
My solution here that should work for this:
I had the same issue and found a great way to handle this! After so much time trying different methods, the solution was actually simple to implement.
Ensure the first level under your Popup is a Group (preferably set to Column). You will set this group’s min. width, height, fit to content, background color, etc. as needed.
[image]
Next, go to the popup and set the Background style and Shadow style to “None”.
[image]
[image]
That’s it!
The proper solution is to:
Assign a unique ID to your pop-up element.
Add an HTML element to your page.
In the HTML element, add the following:
<style>
#unique_id {
height: fit-content !important;
}
</style>