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
Different Styling for Different Forms?
April 22, 2008
7:08 am
Josh
Guest

Hi Oliver,

I fear that I have asked you the same basic questions on mutliple messages… my apologies.

Do I add the above code to my sidebar css page?

Also, I want to use the wide css design for my main contact page and the sidebar css design for the sidebar. But the dropdown for the layout in the cforms settings area seems to imply to me that the change will affect all forms…

Thanks again!

-Josh

April 22, 2008
7:22 am
Oliver
Munich, Germany
Admin
Forum Posts: 6400
Member Since:
March 6, 2005
Offline

Here is the general process:

  • Simply decide for the 'base' cforms theme
  • Then apply specific styles for the other forms you have or intend to deploy
    • Note: these specific styles are applied on top of the base styles of the chosen theme

Here are some examples for specific styles:

To change the fieldset background color for form #2:

#cforms2form fieldset {
background:green;
}

Or to change the input field size for form #3:

#cforms3form input,
#cforms3form textarea {
width: 500px;
padding:5px;
}

etc.

Usually the form styles will not differ too much, since I suppose you want to keep a certain UI identity.

Also, see my screencast on how to use Firefox&Firebug to rapidly modify the existing CSS themes and help design your own in a matter of minutes (sticky post at the top of this forum).

April 22, 2008
11:23 pm
Josh
Guest

Hi Oliver,

I figured out how to do this based on your instructions. (You can see the form in action at http://www.thedarstgroup.com).

I would love to be able to edit the documentation for cforms-- I think this process could be made clearer… is there a way for the docs to be publicly editable?

Thanks for your help!

-Josh

April 23, 2008
7:04 am
Oliver
Munich, Germany
Admin
Forum Posts: 6400
Member Since:
March 6, 2005
Offline

Hi Josh,

If you like, you could write up a tutorial and I'm happy to link/include it. Would that work?

PS: adding a width:148px; to #cforms2form div.cf_info {…would make the sidebar form perfect :-)

April 24, 2008
8:54 pm
josh
Guest

The tweak is done (www.thedarstgroup.com)! Thanks…

-Josh

Forum Timezone: Europe/Berlin

Most Users Ever Online: 959

Currently Online:
28 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: 3731

Members: 1463

Moderators: 3

Admins: 2

Forum Stats:

Groups: 1

Forums: 4

Topics: 5332

Posts: 18692

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

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

Administrators: Oliver (6400), Nicky (3)