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
divide form in 2 columns
November 17, 2008
11:17 am
antonello
Guest

Please replace the ??? with your data!


[desc]: divide the form into 2 columns

As you can see i'd like to divide my form into a 2 column form, i can't find html source to customize it. I would like to transfer form's fields 4 5 6 to right column and message field / captcha and the rest centered to the bottom of those 2 columns.

I've read many posts in faq about layout customization but i really cant reach to customize it.

Thanks

November 17, 2008
6:51 pm
Oliver
Munich, Germany
Admin
Forum Posts: 6400
Member Since:
March 6, 2005
Offline

You need to apply proper CSS (see Styling->CSS editor) to format your form. Typically you'd apply to the individual input fields (using their ID's) either a float attribute or a clear: both; attribute.

November 17, 2008
7:29 pm
antonello
Guest

i've expanded form width and set a float:right for the fieldnames i would like to move

but it doesn't seems to work… i've installed also firebug with no results… what's the php page that call that form/css?

November 17, 2008
8:07 pm
Oliver
Munich, Germany
Admin
Forum Posts: 6400
Member Since:
March 6, 2005
Offline

Sorry, I meant to say that the floats and clears need to be added to the individual <LI> items (using their ID), e.g. (add to the bottom of the CSS file)

#li-2-2, #li-2-4 {

float:left;

}

#li-2-3, #li-2-5 {
float:right;
}

ol.cf-ol li {

padding:0 0 0 20px;

}

.cform fieldset, ol.cf-ol {
width:480px;
}

ol.cf-ol li {

width:480px;

}

November 29, 2008
11:53 pm
n2nell
Guest

Great Oliver, thank you for your help!
Finally i got it, check the result here:

http://www.agriturismiitalia.com/toscana/agrituris…..tazzi.html

Now i have another little issue. Every time I fill a form, the box "Sending message …" appear but never shows "Message succesfully sended!"

The Mail arrives but clients stay on hold  waiting for the success message notification.

I've activated both the text message for succesfully sended message ans the optin popup notifier but nothing seems to change…

Please help me solving this issue

Thank you :)

November 30, 2008
9:10 am
Oliver
Munich, Germany
Admin
Forum Posts: 6400
Member Since:
March 6, 2005
Offline

Something in the Ajax module causes the server to throw an error:

500 Internal Server Error

Try disabling Ajax for the form and see if that works. You may also want to contact your provider to see if they can tell you what is causing the "500 error" in lib_ajax.php.

November 30, 2008
11:04 am
n2nell
Guest

Thanks again Oliver, Disabling the ajax form disappear and message was sended succesfully. There are only 2 issues:

- Client is not notified about succesfull sending

- Email arrives with (No Subject)

November 30, 2008
6:49 pm
Oliver
Munich, Germany
Admin
Forum Posts: 6400
Member Since:
March 6, 2005
Offline

How did you configure the subject line in the config?

The test I just ran threw this error: 'No recipient addresses found in header' ..are you sure you configured the email settings properly?

December 2, 2008
7:44 pm
n2nell
Guest

I've configured correctly the cforms settings.

I've activated all structures forms and add the structure mail for each form.

Forms seems to work

but css style i'm using is set back to default…

When i go in styles from admin css, it displays my modified form, but online it displays its layout as default.. (non modified layout) and i really can't understand why..

Thank you again and again… :)

December 2, 2008
10:49 pm
Oliver
Munich, Germany
Admin
Forum Posts: 6400
Member Since:
March 6, 2005
Offline

Is the new style/theme showing in the html header of your page? look at the source code, you should see the theme.css file you selected!

December 3, 2008
3:28 am
n2nell
Guest

Sure oliver it shows the right css in my header but loat the default…

<!-- Start Of Script Generated By cforms v9.3 
[Oliver Seidel | www.deliciousdays.com] -->


<link rel="stylesheet" type="text/css" href="http://www.agriturismiitalia.com
/wp-content/plugins/cforms/styling/wide_brown_light.css"
/>

Can i set it up to a different directory to see if it loads as modified? How?

December 3, 2008
7:19 am
Oliver
Munich, Germany
Admin
Forum Posts: 6400
Member Since:
March 6, 2005
Offline

You could (and should) create cforms-custom (see Help page/CSS) and put your own modified files (CSS and all images the CSS references) in there, then select anew from the theme drop down and update settings.

December 3, 2008
10:29 am
n2nell
Guest

Ok. Here's what i've done:

1. I've created a cforms-custom folder under plugin foldet

2. Gone trough the admin into styling, selected my custom form

3. Deactivated style and reactivate

Now it looks the same and i have a strange issue on header source.

<link rel="stylesheet" type="text/css" href="http://www.agriturismiitalia.com/
wp-content/plugins/cforms/styling/../../cforms-custom/wide_brown_light_2.css"
/>

why does not correspond to the layout i specified!? Yell

December 3, 2008
8:15 pm
Oliver
Munich, Germany
Admin
Forum Posts: 6400
Member Since:
March 6, 2005
Offline

What's that strange header issue? The header seems fine to me.

If you look at your site using Firebug you'd notice that indeed the above CSS is being used for rendering.

October 23, 2011
1:15 am
Brandon
Guest

Hey Oliver, just downloaded the cforms plug-in today and it is amazing! Thank you! I saw that this thread is older but I also am trying to have a multi column form for my page just to be able to squeeze the form into as small of a space as possible, i tried to use a float left attribute and clear all but I can't seem to make two columns. I used the code you placed earlier in this thread but that didn't do the trick. I have the width of my input boxes set to 250px. Do you have any suggestions as to what I could do?

Once again, thanks so much for the plug-in!

Forum Timezone: Europe/Berlin

Most Users Ever Online: 959

Currently Online:
25 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: 3762

Members: 1463

Moderators: 3

Admins: 2

Forum Stats:

Groups: 1

Forums: 4

Topics: 5359

Posts: 18741

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

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

Administrators: Oliver (6400), Nicky (3)