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.

Adding a $ to numbers field and removing submit button.

Gravity Support Forums » Plugin Support » Gravity Forms

  1. jkypes
    Member

    I have set up a form just for giving customers a price calculation. I used a ton of logical conditioning and I had to use a numbers field to calculate the price. Is it possible to add a $ in front of the number or not?

    Also, since it's just for instant price quotes I would like to remove the submit button from the form if it is possible.

    Any help on this would be greatly appreciated!

    Posted 12 years ago on Thursday October 11, 2012 | Permalink

  2. Rob Harrell
    Member

    You can use Product Fields and set those to "calculation". This will then display the currency symbol that you have set on the Gravity Forms settings page. Is that not an option for you to use? You can hide the submit button with CSS - if you need help with that, just provide a link to your form for us.

    Posted 12 years ago on Friday October 12, 2012 | Permalink

  3. jkypes
    Member

    Hey Rob,

    That wouldn't work for the currency symbol. I need to use a number input so I can use conditional logic on the pricing so if someone wants 50 of our product it will calculate $5 each or if they want 500 it will calculate $2 each.

    Here is the link to my form: http://elasticwristbands.com/pricing/

    Thanks for your help!

    Posted 12 years ago on Monday October 15, 2012 | Permalink

  4. Chris Hajer
    Key Master

    How about adding a background image to the input where you are displaying your calculation? You can add this to your theme's stylesheet (or wherever pagelines wants you to enter custom CSS rules):

    [css]
body .gform_wrapper #input_3_15,
body .gform_wrapper #input_3_19,
body .gform_wrapper #input_3_20,
body .gform_wrapper #input_3_16,
body .gform_wrapper #input_3_17,
body .gform_wrapper #input_3_18 {
  background-image: url("http://www.markethardware.com/images/dollar-sign.png");
  background-position: 8px center;
  background-repeat: no-repeat;
  padding-left: 24px;
}
    Copy

    Don't hotlink to that dollar sign image: download and store your own on your server and position it as required. Also, be sure to include a rule for every field which may be used to show a calculation total. I think I got them all but I did not text every confirmation. Let us know if this works for you.

    Posted 12 years ago on Monday October 15, 2012 | Permalink

  5. ultramel123
    Member

    Thank you Chris. This works great for my form. However, How would I also include the css currency symbol on the forms' submitted data page, and in the email submission?

    thank you

    Posted 11 years ago on Saturday May 18, 2013 | Permalink