10 years ago
5
Topic

Hi there,

I'm trying to add a new user form in which some of the fields appear in columns.

I used the Div start, Div in between and Div end fields but the other fields which i put in the divs don't show up in 2 columns like they should...

Anyone knows a solution?

Thanks in advance,

Get a VIP membership
164 Posts
redback
10 years ago
1
Level 1

Hello,

do they come up in columns? Just have look in the firebug how the css is styled. You can add on you divs a "Markup Class" No 3 in Content-View and style it in your way. Float etc.

Best

10 years ago
0
Level 2

Hello,

They do not come up in colums, i've used the div start, div in between and div end like it should... also in my html code, the content is splitted up in two separate div's, but it doesn't show this in the browser cause everything is in one column there.

I don't use the front end for this but the admin back end. 

If i look at the standard User form, there the div start, in between and end is working, but when i try to create the same effect it doesn't work

thx for looking in to it,

Schorrie

572 Posts
_jrmo
10 years ago
2
Level 1

Redback is right. The Div fields will not add any styling to your form, just the <div> markup. You need to add classes to each div field (using the process redback described) in order to have 3 fields.

For example, if you use Bootstrap 2 - then all of your div fields need the "span4" class. If you us Bootstrap 3 - they need "col-sm-4". In both of these examples you'll also want to put on another set of divs to contain your column divs with the class "row" or "row-fluid".

10 years ago
1
Level 2

Ok, thx to you all, i've figured it out, partially, 

I found where to put the markup class and set it to span4. The relation between bootstraps and class is still not clear but with span4 it works. Where can i find which classes i can put in the markup?

Thx in advance for the help.

233 Posts
pepperstreet
10 years ago
0
Level 3

You mean bootstrap classes in particular? Simply visit the official homepage. See under CSS... :

BS v3
http://getbootstrap.com/

BS v3
http://getbootstrap.com/2.3.2/

Hence the differences in the grid classes and features! Headsup J! core and some compliant 3rdparty extensions might load and require BSv2. 

Get a VIP membership