Gantry 5 Helium Template

[rackem]

Hi,
I'm trying to get a Gantry 5 Helium template to play nice with Fabrik. It seems to work fine except when trying to view wider lists on small screens and mobile - in that case it doesn't allow left/right scrolling so the end of the list gets cut off.

I haven't found a way to fix this in Gantry - have tried various configuration setting and also adding "overflow: auto;" to a custom.scss file. Has anyone figured this out, or is there a Fabrik setting somewhere?

It looks like a similar issue was brought up before, but it's not clear if it was completed.
http://fabrikar.com/forums/index.php?threads/fabrik-and-gantry-5.46719/
https://github.com/gantry/gantry5/issues/1147

I've been using Gantry 4 successfully for some time, however it isn't compatible with PHP 7.1. I'm not fixed on Gantry 5 if there are any suggestions for other basic/free templates compatible with Fabrik.

 

[troester]

Gantry 5 is Bootstrap3, Bootstrap4?
Do you have a link?

 

[rackem]

http://gantry.org/

I don't see anything about what bootstrap version it uses.

 

[troester]

I meant a link to your list to check what is going on.

 

[rackem]

Ah, sorry about that troester. Here is a link to my list: http://www.mypoolstats.com/public/ratings

I've enabled the Gantry v5 template temporarily and will switch it back to the v4 after you've had a chance to check it.

 

[troester]

Setting something like
form.fabrikForm {overflow:auto;}
or
#listform_$c {overflow:auto;} (in custom_css.php)
should do

 

[rackem]

I will give that a try, thank you!

 

[rackem]

Using "#listform_$c {overflow:auto;}" in my custom.css file worked. It allows the list to be scrolled left/right within the page versus the whole page scrolling. That's a little less intuitive, but users will figure it out. Thank you troester!