fieldset_header template question...

[Brian Jester]

Hello Flynax Team,

I am trying to achieve a horizontal layout for the car information (group) fieldset. I have tried using a display: inline-block on the submit-cell class in the fieldset_header tpl. Well, actually I added the <div class="submit-cell clearfix"> </div> to the fieldset_header template, and it did not change on the page, BUT using the chrome inspector, adding display: inline-block to the submit-cell class did in fact change it correctly. Am I adding in the wrong template to achieve a horizontal layout for the Car Information fieldset?

See screenshots: 1 is using chrome inspector which adjusts to horizontal layout
See screenshots: 2 is after making change in fieldset_header template which does not adjust.

How can I make screen shot 2 horizontal? I mean I want to use the template. Here is how I have it set in the template:

Only registered members can view the code.

Edit: Using the above {if} block, I don't get any change in layout, it stays as vertical instead of inline-grid (horizontal) BUT if I put <div> Fieldset_Header </div> in replace of the above <div> then I will get the text Fieldset_Header displayed on the page in the correct area, so I am certain that the code is correct, I just don't know why it is not working with <div class="submit-cell" style="display: inline-grid !important"> </div>

Unless I need some code to go before the </div> ??

[Rudi]

Hello,

All you need to do is to apply css style to cars info container with proper width for each field:

Only registered members can view the code.

the width could vary depending on the columns number you need:

50% - 2 columns
33% - 3 columns
25% - 4 columns

[Brian Jester]

Rudi,

Thank you! That was exactly what I was after.

Hello,

All you need to do is to apply css style to cars info container with proper width for each field:

Only registered members can view the code.

the width could vary depending on the columns number you need:

50% - 2 columns
33% - 3 columns
25% - 4 columns