I'm setting up my forms on the new CF8 and I notice that the ones with multiple columns on mobile aren't broken down vertically into a single column as they should be for small devices. In previous versions I always had to create a special mobile form for this small devices. What is planned on CF8?
How do you create the multi column layout ?
Fieldset
Container Grid 50% 50%
Column1
Container Grid 48% 48%
Column1
Column2
EndGrid
Fieldset
Column2
Container Grid 48% 48%
Column1
Column2
EndGrid
Column2
Calendar
Fieldset
Container Grid 50% 50%
Column1
Column2
EndGrid
EndGrid
Textarea
Button
please try to add the class "stackable" to the grid, in the class field, does it solve the issue on mobile ?
Unfortunately, this style "stackable" doesn't work. I've applied it to the three grids I use - from the outermost to the two inner ones - but it has no effect.
I'm working on it right now (I opened another thread for you about this) because I was trying to assign a Responsive Utility Classes (Gantry 5) to the entire module in a general way. Is it possible?
please download v8.0.30 again, I have updated the code so that "stackable" will make the grid 1 row only on mobile devices (less than 600px)
Perfect! Thanks Max! Now the "stackable" class applied to the grids works correctly!
thanks for the confirmation! 😊