Form Layout « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

deenisha
Member

Hi, I recently purchased your form...How can I style my form with 5 columns and 3 rows each...

For the CSS class am i using containers to style it? #input_1_14_3_container

Posted 11 years ago on Saturday September 22, 2012 | Permalink
Chris Hajer
Key Master

Please post a link to the page where you site is embedded so we can see exactly what you're talking about. Thank you

Posted 11 years ago on Sunday September 23, 2012 | Permalink
Chris Hajer
Key Master

For a five column layout, you should be able to use the gf_list_5col CSS class, but only for radio buttons and check boxes. We can help more if we can see your form.

http://www.gravityhelp.com/css-ready-classes-for-gravity-forms/

Posted 11 years ago on Sunday September 23, 2012 | Permalink
deenisha
Member

Hi...

You can find my form on here...http://roofoods.ca/test/lunch-programme/
I am using the user registration add on...I was under the impression that the login form would pop up first for customers to login in and then display the form I created once logged in?

Also how much does it cost to style the form?

Posted 11 years ago on Sunday September 23, 2012 | Permalink
Chris Hajer
Key Master

To make the login form pop up, you have to first create the form, then embed it in a page. Then on this page: http://roofoods.ca/test/wp-admin/admin.php?page=gf_settings&addon=User+Registration check the box which says "Custom Registration Page [ ] Enable Custom Registration Page"

Then from the drop down, select the page where you embedded your registration form. That will force all registrations for your site to your Gravity Form.

Regarding styling the form, we don't offer that service, but you can post a job on our job board.
http://www.gravityhelp.com/forums/forum/job-board

Posted 11 years ago on Monday September 24, 2012 | Permalink
deenisha
Member

Hi, thanks for your reply. Unfortunately the user registration forms don't work for me the way I want it too. I don't want it to send out new passwords to each person who registers. I just wanted everyone to use the same password i provide.

Also Is there any way to style the entries response in the form of a table to keep the items organized as i have alot?

Posted 11 years ago on Monday September 24, 2012 | Permalink
Chris Hajer
Key Master

These last two questions seem unrelated to your initial question. Are we dealing with multiple, separate issues?

Are you going to set everyone's password the same, or just assign them passwords, but they will all be different, or will you rely on WordPress to generate the unique password?

Not sure what you mean about "entries response" - what do you mean?

Posted 11 years ago on Monday September 24, 2012 | Permalink
deenisha
Member

Hi,
I will try to make this clear as possible,
Sorry, if this seems like multiple questions or issues, but i'm new to using gravity forms and I'm trying to figure out things as i go.

I bought gravity forms for two reasons...1. the ability to style my forms as its displayed in your videos and 2. because of the user registration form.

What i need for my website is a login form that allows my customers to login and then place an order based on the form I create. I would like this login form to be displayed on my lunch programme page of my website. I want my customers to login by entering a password (that I will give them, but its the same for everyone..example TREE...all customers login by entering the word tree.), as I don't want just anyone logging into this page, as it is a school lunch programme. Once logged in, I would like my customers to be redirected to my menu order form which is the form that is currently displayed here (http://roofoods.ca/test/lunch-programme/).

I was able to create a form fine, but I am still trying to figure out how to style it with a background photo. Also, because my order form has so many items, I need to organize the data into a table that gets sent in an email once the customer has submitted the form. The way it currently displays in a list looks very messy due to the fact i have alot of items on my form.

Posted 11 years ago on Wednesday September 26, 2012 | Permalink
Chris Hajer
Key Master

I was not able to see a form on that page. Please put your form on a page which is visible to users who are not logged in, and post the link here.

Regarding the email notification to the user, you have complete control over that. Rather than use the {all_fields} helper, you can craft your own HTML table and insert the merge tags in it however you like. Be sure to check the box "Disable Auto-formatting" so that your HTML does not get mangled.

Posted 11 years ago on Wednesday September 26, 2012 | Permalink
deenisha
Member

Hi,
Thanks for your reply.

You can see the form now here : http://roofoods.ca/test/lunch-programme/

I was trying to style it in columns like here: http://roofoods.ca/test/wp-content/uploads/2012/09/Screen-shot-2012-09-26-at-2.17.20-PM.png

I will try the suggestion for the email response. Thanks

Posted 11 years ago on Wednesday September 26, 2012 | Permalink
Chris Hajer
Key Master
To add a background image to your form, you can add this to your theme's custom.css:
```
[css]

body #gform_wrapper_1 form {
    background: url('http://upload.wikimedia.org/wikipedia/commons/thumb/4/42/BrisbaneRiver02_gobeirne-edit1.jpg/900px-BrisbaneRiver02_gobeirne-edit1.jpg');
    padding: 20px;
}
```
I added some padding because I did not like how the form fields butt up against the edge of the container, and I picked that image only because it's 900px wide, same as your div. This is how you add the background image. You will have to customize the approach for your own needs.
Posted 11 years ago on Wednesday September 26, 2012 | Permalink