• Fabrik V4.4.1 is now available.

    This version corrects the Admin issue introduced by V4.4. V4.4.1 is available through the Joomla Updater or for download through your My Downloads area of our website.

    Turns out a code change intended for our 5.0dev branch inadvertantly got pushed to the 4.x branch (by me, duh!). The javascript structure in 5.0 will change considerably and part of that change took effect with the inadvertant code change.

    We have reverted the code change and released 4.4.1. V4.4 has been retracted.

    Sorry for any inconvenience.

  • A new version of Full Calendar is now available.

    See the details here

[solved] Custom form templating issues

aijosh

Member
I need to place elements side by side.

1 | 5
2 | 6
3 | 7
4 | 8


HTML:
<div class="row-fluid">
<div class="span6">
element 1,2,3 & 4
</div>
<div class="span6">
element 5,6,7 & 8
</div>
</div>

Option 1:
change element ordering in fabrik form's list to 1,5,2,6,3,7,4,8 and use float:left;
Issue:
when on mobile, the ordering doesn't make sense since its shown 1s
1
5
2
6
3
7
4
8

Option 2:
create custom template (allow elements to be automatically generated in foreach)
Issue:
the elements re generated in 'foreach'. I wouldn't know how to break them into two columns

Option 3:
create custom template( manually generate elements)
Issue:
was already through with this when I found out the elements didn't generate all the necessary content required for the form to work. no id's e.t.c. form's javascript also not working.

Any suggestion?
 
Last edited:
Edit: easier way

Create two groups, for elements 1-4, 2-8
This will give you 2 div with id=groupX

Then you can add CSS to put the DIVs side by side (float or flex) resp. one after the other for mobile (with mediaqueries).
Or create a custom template to output the groups by adding e.g. span6 (in default.php split the groups' foreach)

If you want to have the complete form functionality you must keep the "Fabrik structure" (div containers, ids, classes, attributes etc).
 
Last edited:
Thanks,

I actually initially attempted this. But I already have so many list and list joins I'm a little wary of messing up stuff.
I did create another group (ListB section1) then tried to copy the first 4 elements of List B into this group. At this point I was getting a message that the elements already exist with the option to rename the elements. So I stopped here. Cos I believe renaming the elements would break the relationships between the elements and also the form (I don't know the inner working of that yet and was not willing to risk it)

I was able to use your first suggestion and I think I prefer that. Worked seamlessly (finished in less than 15mins). Wish I knew what exactly the foreach statements outputted, it would have saved me the whole night I tried getting this to work.
 
Back
Top