PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Form sample - can I make this with Gravity forms?

  1. Hi, This link,
    is a screen shot of a form I am rebuilding. Can I recreate a form as in the link,using Gravity forms? Do you see any issues?

    Posted 13 years ago on Tuesday August 17, 2010 | Permalink
  2. Yes, I see some issues. Gravity Forms doesn't currently do pricing. So it can't calculate totals, and it also can't display the field label, input and then additional text separated the way it is in that form.

    I don't think Gravity Forms is a good fit for that type of order form. We are planning on implementing pricing and field calculations options in an upcoming release. But as of right now it isn't a good fit.

    Posted 13 years ago on Tuesday August 17, 2010 | Permalink
  3. Hi and thanks. If I do not need to have the quantities calculated might it work?

    For instance,
    2005 Pioneer Label Merlot (750ml) $30 Qty box here?

    Then how long do you think before GF implementing pricing and field calculations?

    Thank you!

    Posted 13 years ago on Tuesday August 17, 2010 | Permalink
  4. It would take a reasonable amount of styling to make the form look like your sample, but if just want the fields as options that don't calculate, yeah, you should be able to recreate this.

    You can use the inline HTML fields too add some extra flexibility in the form layout, etc.

    Calculating fields won't make it into the upcoming 1.4 release, but are slated to come soon afterwards. I don't have a definite date so far, but it will be sooner than later.

    Posted 13 years ago on Tuesday August 17, 2010 | Permalink
  5. Here is my new Gravity form so far,

    Is there a way to make the quantity field smaller (shorter) and to either align it to the right of the product or perhaps at least align it to the right of the abbreviated "Qty" to take up less vertical space?

    I'd also like to adjust css styles for this form, it looks like every line is getting the site's "

      " style. I just want it to be clean for now, then I will continue working on the CSS look. What's the best way to edit the form syles?



    Posted 13 years ago on Sunday August 22, 2010 | Permalink
  6. Okay, part of your problem is that the path to your stylesheet is wrong. It's looking for the following URL which returns a 404 page.

    "gravityforms2" is wrong, it should simply be a "gravityforms" folder so something has gone wrong with your installation. I would deactivate the forms, then ftp in and remove any gravityforms folders from the plugins directory (the form data will be fine as it's stored in the database). Re-install the plugin and then make sure the folder name in the paths to the css file and scripts is simply "gravityforms".

    You never want to make CSS edits to the default plugin stylesheet. That gets overwritten each time you do an update.

    If you're just doing a little customization, you should place any custom styles at the end of your theme's style.css file. If you have a lot of customizations, I suggest copying the contents of the default forms.css file, pasting that at the end of your themes style.css folder. Then, go into the forms settings page and set the "output css" option to no.

    Then you can edit all of the form styles from your style.css file and any changes you've made won't be overwritten when you auto-update the plugin.

    Posted 13 years ago on Monday August 23, 2010 | Permalink
  7. Yes, you can use CSS to make fields smaller and you can also use CSS to float them side by side. But this is a customization and you would have to write the CSS to accomplish this.

    The best way to edit the form styles is to add CSS to your theme's stylesheet to override the plugin styles. this is the easiest way to insure compatibility with plugin upgrades. You would view source, or use FireBug or another inspector tool to look at the output and see what classes/ids are being used and then use CSS to customize them accordingly.

    Another way to handle it is to view the forms.css file in the gravityforms/css folder and copy the contents of that css file and then paste them into your theme's stylesheet. Then go to the Settings page of Gravity Forms and turn OFF the CSS output. This would then mean all of the CSS is coming from your themes stylesheet and you can edit it however you want.

    We recommend using the inheritance method and not embedding all the styles in your theme stylesheet unless you are very experienced and know what you are doing.

    Just keep in mind you should not edit any of the core Gravity Forms plugin files as they will get overwritten when an update is released.

    Posted 13 years ago on Monday August 23, 2010 | Permalink
  8. I tried copying and pasting the forms.css code from Gravity Forms into my custom Woo stylesheet then put CSS out put to no and saved. The form looks the same onmy site,

    I can edit CSS, I'm just not sure what to edit now?

    Posted 13 years ago on Tuesday August 24, 2010 | Permalink
  9. I checked and don't see any Gravity Forms styles in your custom.css file.

    You've still got something weird with your installation. Since this is a "pre-sale question" thread, please post a new topic in the appropriate support forum and we'll be happy to continue from there if you need.

    Posted 13 years ago on Wednesday August 25, 2010 | Permalink

This topic has been resolved and has been closed to new replies.