Advice on custom form layout

[tmntmn]

Hi all

I need some help on creating a custom form layout.

Se example:


I've tried to use a custom css file with absolute positions of every single single element but it is not really working well.

What would be the best approach to achieve this?

Thomas

 

[tmntmn]

Hi

Could it be done by resizing each single elementgroup width below 50%, then float left, right etc, in the right order for the 2 column part of layout?

 

[troester]

You can create two additional groups for your form.

Set group2 to display in 2 columns, move (edit+select group) elements1-9 into this group
move displayelement2 to group3
use some css to hide group labels

Or use group intro/outro instead of displayelement1/2

 

[tmntmn]

Hi Troester

Thank you for your quick reply. I'll go for the group intro/outro in this case and remember multigroup solution for the future.

However I do have some issues left, that I hope you can help with.

1. What would be the custom css code for hiding the element labels individually, fiddling with leftCol seem to affect the all.

2. Different heights af elements (element 8) stretches (element 3) to same height.

3. Will I ever be able using this approach to have, lets say 5 element in the left column and only 3 in the right column.

Best regards

Thomas

 

[tmntmn]

Hi All

I almost solved it by myself:

Made 2 groups, one for left side and one for the right side.

Added the following to custom css:

#{$view}_$c .fabrikGroup{

float: left;
width: (Some width);

If (Some width) is more than half the page, the right group will end up below the left.

Hope it help other in same situation

best regards

Thomas