Modal box initial size too narrow

[actionwave34F]

Hi
We have discovered when requesting the modal box popup from related data links in any random list , the width is too narrow. Se attached picts for one example. The right side is "cut off". Happens once after a page refresh.
Not a big deal but irritating.

 

[troester]

Did you set custom css
#listform_$c .fabrikDataContainer {overflow:auto}?
It seems in this case after opening a 2nd... popup FabrikDataContainer no longer is inheriting the table width.

As a workaround you can set a min-width, e.g.
#listform_$c .fabrikDataContainer {overflow:auto;min-width:600px}

 

[actionwave34F]

After upgrade to fabrik 3.4.2 the modal box created from related data links in a list is even more "narrow", some 300px wide . We see that the default is 300 in js code. The default behaviour of the box must be to show the full width of the list in the box using the screen space available. The width we need for now varies , some 600 -1000px.
This is a major change in behaviour since "last version".
Box Height fills the avaliable space in screen.
Do you have more info? Any setting to tweak?

 

[actionwave34F]

Got an idea and made a simple test. Yes , modal boxes working fine with Protostar template. We are using Helix.

 

[troester]

Is this Gantry5?
Hugh added a commit about modal popups
https://github.com/Fabrik/fabrik/commit/8a40ab6fa3f5b5b1292e0faa72a50f862f9270c1

 

[cheesegrits]

Can you examine the popup in dev tools, and see if the template has inserted a wrapper into the popup DOM structure?

The structure should be two nested divs - itemContent and then itemContentPadding, then within that the page header and form

I'm not sure what versions of Gantry do what, but Gantry 5 has a system plugin which inserts an extra div around all DOM structures being served up (regardless of whether they are page loads or AJAX calls), with an id of g-page-surround, which has a bunch of styling on it that was breaking the way we calculate the content width when resizing the window.

So, check to see if your template is doing something similar.

-- hugh

 

[actionwave34F]

No , Helix 3 ( Joomshaper). Initially we have tracked it down to custom css interference.