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
sidebar form support
April 6, 2007
8:10 pm
Mark
Guest

Hi Oliver,

I’m in the process of trying to get your plugin to provide a “subscribe to mailing list” function in the sidebar. I’d like to use the CSS for the second version (the green one), but I can’t figure out how to stop the form from spilling over the edge of my sidebar.

It seems the form fields are using the main CSS, which I don’t want to touch, as I have another form on the site using it. Obviously I don’t want to alter that at all.

Any help or suggestions you could give would be greatly appreciated! Thanks!

April 6, 2007
8:15 pm
Oliver
Munich, Germany
Admin
Forum Posts: 6400
Member Since:
March 6, 2005
Offline

Mark,

Of course you can use the CSS code for the “green demo form”, or start from scratch.

It’s difficult to troubleshoot without a URL, generally however, if the width of the form is a critical issue, you may want to start with adding an overflow:hidden; attribute to e.g. #cforms2form, so even if its a bit wider it won’t break your layout until you fixed it.

The overall width of your form is determined by these factors:

  • form width

#cforms4form {}

  • input field width:

#cforms4form input,
#cforms4form select,
#cforms4form textarea {}

  • if applicable, the additional (’required‘) text:

#cforms4form span.reqtxt,
#cforms4form span.emailreqtxt {}

Any of the above declaration, due to the form-prefix, will only apply to this specific form. If any CSS definition (e.g. width) is not accepted (overruled by main CSS style) you may have to use an !important suffix:

#cforms4form {width:140px!important;}

Also, on general note: if you’re using Firefox , install Firebug as an extension. This little gadget is THE BEST CSS/web developer tool I’ve acome across in the last years and it will help you perfect your cforms (and any other) CSS in a heartbeat.

Forum Timezone: Europe/Berlin

Most Users Ever Online: 959

Currently Online:
26 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: 3741

Members: 1463

Moderators: 3

Admins: 2

Forum Stats:

Groups: 1

Forums: 4

Topics: 5341

Posts: 18708

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

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

Administrators: Oliver (6400), Nicky (3)