• Hello Fabrik Community

    Fabrik is now in the hands of the development team that brought you Fabrik for Joomla 4. We have recently transitioned the Fabrik site over to a new server and are busy trying to clean it up. We have upgraded the site to Joomla 4 and are running the latest version of Fabrik 4. We have also upgraded the Xenforo forum software to the latest version. Many of the widgets you might have been used to on the forum are no longer operational, many abandoned by the developers. We hope to bring back some of the important ones as we have time.

    Exciting times to be sure.

    The Fabrik 4.0 Official release is now available. In addition, the Fabrik codebase is now available in a public repository. See the notices about these in the announcements section

    We wish to shout out a very big Thank You to all of you who have made donations. They have really helped. But we can always use more...wink..wink..

    Also a big Thank You to those of you who have been assisting others in the forum. This takes a very big burden off of us as we work on bugs, the website and the future of Fabrik.

Makes tabs form template more UI on smartphone ?

lcollong

FabriKant d'applications web
Hi,

We have a huge form with around 150 fields spreaded on 9 tabs on which 4 of them are joins !
We use the tabs form template to fill/display a record. So far, so good.
But the app is more and more used from smartphones.
One of the unconformable consideration comes from the way the tabs are rendered on a smartphone. Almost all of them stacked on top of the form which makes things difficult to manage and navigate.
I'm seeking an idea (js/css) or even new template to make it more usable on these terminals.
The idea would be to replace the tabs by a kind of dropdown under a given width. Ideally the "dropdown" or local menu would be fixed while scrolling down the screen to be able to change (and scroll up to) the group.
Other idea would be to have all the groups visible and stacked in a enormous scroll down together with a way to directly access the heading of each group (anchor ?). May be using a sliding menu (offcanvas).

All ideas or experiences welcomed !
 
Just thinking: Would some open/close toggle do? Like in list groups or e.g. Regular Labs sliders?
 
Mmmh may be. I could try to go further on Regular Labs Sliders. We already use them to show/hide a subgroup of fields (optional). The difficulty is to switch from one to the other "technique" as the width change (responsive). On desktop, the regular tabs template is fine....
Thanks
 
Actually the regular labs tabs extension behavior on smartphones is a bit better. I'll see how it could be used instead of the Fabrik's one... Or, alternatively, their conditional content extension based on device type to show up or not the Fabrik's tab Or the slider.... I'll go deeper
 
Maybe you can use also Regular Labs "Conditional content" for the menu item or inside form's default.php or setting the layout parameter...
Or Advanced Module Manager for building different desktop and mobile menues.

I like Conditionl Content/Advanced Module Manager because it stopps really the rendering on different devices. If you are using CSS .hideXY (e.g. in modules) the stuff is still in the page source.
 
We are in need of some funding.
More details.

Thank you.

Members online

Back
Top