Forums

SOLVED - How do I get checkboxes to go horizontally

aforantman 25 Apr, 2010
Hi all,

Just thought that I would post this up. It may be simple to some, but it has been plaguing me for a while.
Horizontal checkboxes...

first go into your form code (accessible via the form management menu)
scroll down to where you see your checkbox list.
Next delete the <br> tags. then save.

Now you will see that your checkboxes run horizontally, but they are all out of line with the ones above and below.

next you need to go to the style1.css (from memory) its in the following location:
yourwebsite...components/com_chronocontact/themes/default/css/style1.css

its line 29 in the css code
you need to change the display:inline, to display:inline-block
next choose the width of each one of those blocks to suit.

eg:

.form_element .check_label {
display:inline-block;
float:none;
line-height:22px;
padding:0 30px;
vertical-align:middle;
width:130px;
}

I hope that makes sense and I hope it is truly correct. (I am still a bit of a newbie).
Thanks to Bob for pointing me in the right direction.

Please feel free to correct this if I am wrong...

cheers,

ant....
GreyHead 25 Apr, 2010
Hi aforantman,

That's perfectly good, thank you (and as you may guess there are other solutions - like using tables - that may work better with other layouts).

Bob
This topic is locked and no more replies can be posted.