cforms II User Forum

Registration is currently disabled.
Guest

FAQs

Login form protected by Login LockDown.


Lost password?
Advanced Search

— Forum Scope —

  

— Match —

   

— Forum Options —

    

Wildcard usage:
*  matches any number of characters    %  matches exactly one character

Minimum search word length is 4 characters - maximum search word length is 84 characters

Topic RSS
My checkboxes don't align with their labels
September 6, 2011
9:57 am
creativespark
Guest

Hi Oliver

 

Great plugin and it's been a pleasure working with it!

 

I'm trying put some checkboxes in a contact form:

http://electrotypetest.netdns.net/BTSC/index.php/contacts/

My field name label is set to 280px wide and the checkboxes have a left margin of 300px.

 

For some reason the checkboxes seem to want to be on a separate line below their labels and I can't find in firebug why they don't align.

 

Any help would be most welcome… it's driving me a little nuts. oops

 

best wishes

Marc

September 21, 2011
2:18 am
mandy
Guest

It would be awesome if someone would have replied to this.  I am having the same issue and am going nuts trying to figure it out.

October 6, 2011
7:37 am
Norman Abramovitz
Guest

You need to use CSS to align the label and field correctly.  It has been awhile since I used cforms, so I cannot give you a code example at this time.

October 8, 2011
5:18 pm
Norman Abramovitz
Guest

I went back and looked at my old code.  I had enabled the custom input field name and IDs under the Core Form Admin/Email Options section because I was integrating with PayPal, so some of my field ids are non-standard in this css code snippet.

 

You need to modify the active cforms.css file.

 

Changing a field width is the easiest thing to do since it is the width command. 

 

To make fields appear on the same line you need to use float left.  To cause a line break to appear, you need to use the clear left command, but it affects the next element, not current element.

 

You need to use the display none command to hide labels if you want adjacent fields without a label.

 

/* next three fields appear on the same line */

#cforms4form.cform #amount_2 {

width:60px;

}

 

#cforms4form.cform #Field-2 {

width:30px;

margin-left: 5px;

}

 

/* the next field after this one will be on next line */

#cforms4form.cform #Field-3 {

width:70px;

clear:left;

}

 

/* The next fields appear on the same line, but the second field label does not appear */

 

#cforms4form.cform #li-4-11 {

float: left;

}

 

#cforms4form.cform #li-4-12 {

float: left;

display: none;

}

Forum Timezone: Europe/Berlin

Most Users Ever Online: 959

Currently Online:
30 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

tracedef: 43

mores: 21

Gyrus: 20

frozenwaste: 18

asuffredini: 15

photoworks: 14

Member Stats:

Guest Posters: 3763

Members: 1463

Moderators: 3

Admins: 2

Forum Stats:

Groups: 1

Forums: 4

Topics: 5359

Posts: 18742

Newest Members: juredujmovic, dreamkeeper, rajattyagi, wrokaa, lukass

Moderators: Paul (421), cnymike (8), sonika (95)

Administrators: Oliver (6400), Nicky (3)