What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    On a Stripe form, I have only one Plan, so I don't want the radio button to appear. (I know I can default to that Plan).

    Asked by Robert  on December 16, 2016 at 02:53 PM
  • Profile Image
    JotForm Support

    Answered by BDAVID on December 16, 2016 at 03:39 PM

    What is the form you are referring to?

  • Profile Image

    Answered by Robert  on December 16, 2016 at 03:42 PM

    Hi, https://form.jotform.com/63505689655166

    I'd like to remove the radio button line - and ideally the horizontal rule below it. 

    I just upgraded my account so I can remove the bottom JotForm line.  :)

  • Profile Image
    JotForm Support

    Answered by BDAVID on December 16, 2016 at 04:09 PM

    To hide the radio button, inject the following code in your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    #input_1_1000{

        visibility: hidden;

    }

    In order to remove the branding, go to your account settings, and un-check the option:

    Let us know if you need more help.

  • Profile Image

    Answered by Robert  on December 16, 2016 at 04:48 PM

    Awesome, thank you. Also have been looking for how to:

    1. In addition to the Radio Button, can I also remove the title of the Strip Plan?

    2. Remove the horizontal rule and "Credit Card Details" line?

    3. I can't find a way in themes or Advanced CSS Editor to get rid of the grey graphic border that's around the whole form. I've changed all colors, but want the form only on a white page, no design/form border.

  • Profile Image
    JotForm Support

    Answered by BDAVID on December 16, 2016 at 05:20 PM

    1) You can remove it, simply click on the wizard icon, then on the edit icon of the product, and remove the title from the "Name" box:

    2) If you mean to remove this:

    Inject the following code:

    hr{

    display: none;

    }

     

    #ccTitle1{

    display: none;

    }

    Result:

    3) In order to remove the border of your form, inject the following code:

    .form-all{

        box-shadow: none;

    }

    Let us know if you need more help.

  • Profile Image

    Answered by Robert on December 16, 2016 at 09:11 PM

    Thanks again. Really appreciate the great/fast responses. Results:

    1. I did clear the Name field, but Stripe fails when trying to submit a Plan with no name. Plus, the name must match the exact name in Stripe in order to tie to the correct Plan. If there's another workaround (CSS?) let me know. 

    2. Great

    3. I've tried loading what you provided into the CSS, in many different places. But, nothing I try gets rid of the box around the form. 

    The box appears on the Preview pages in JotForm as well as on my Wix page with the embedded form: http://www.getnewpanda.com/jotform-test

    NEW 4: I switched to using Stripe-based Plans, and it adds the Coupon Code field/box automatically to the form (and settings don't allow turning off Coupons). Is there a CSS that will remove the whole Coupon Code section from the form?  

  • Profile Image
    JotForm Support

    Answered by Charlie on December 17, 2016 at 11:58 AM

    1. I did clear the Name field, but Stripe fails when trying to submit a Plan with no name. Plus, the name must match the exact name in Stripe in order to tie to the correct Plan. If there's another workaround (CSS?) let me know. 

    If you want to remove the product name on your payment field, you can use this CSS code:

    .form-product-name {

        display: none !important;

    }

     

    3. I've tried loading what you provided into the CSS, in many different places. But, nothing I try gets rid of the box around the form. 

    The box appears on the Preview pages in JotForm as well as on my Wix page with the embedded form: http://www.getnewpanda.com/jotform-test

    To remove the box-shadow in your form, you need to use the !important; tag in your CSS code. This should work:

    .form-all {

    box-shadow: none !important;

    }

     

    NEW 4: I switched to using Stripe-based Plans, and it adds the Coupon Code field/box automatically to the form (and settings don't allow turning off Coupons). Is there a CSS that will remove the whole Coupon Code section from the form?  

    I can't seem to see this issue on your test form, it looks like you have already switched to the standard JotForm product setup.

    Please also check your CSS code and correct any errors that might be occurring. 

     

    With the changes above, you can see how it looks like on this link: https://www.jotformpro.com/form/63515049156961 

    Let us know it that works for you.

  • Profile Image

    Answered by newpanda on December 29, 2016 at 07:57 PM

    Hello again. I believe we have everything working except we need to remove the parenthesis and cost lines that appear after Plan names. These seem to be appearing whether they are Jot-generated or Stripe existing plans. Examples:

     ( $ 180 for each year )  

    ($135 for the first year then, $ 180 for each year.)

  • Profile Image

    Answered by newpanda on December 29, 2016 at 07:58 PM

    You can see the form you created that shows everything hidden except for the parenthesis line: https://www.jotformpro.com/form/63515049156961

  • Profile Image
    JotForm Support

    Answered by Charlie on December 30, 2016 at 01:55 AM

    You can try adding this CSS code:

    .form-product-details {

        display: none !important;

    }

    #cid_1 > span > label::after {

        display: inline-block !important;

        content: "$2 for each month" !important;

    }

     

    You can set the content value of what text you want to display on the form. This is how it looks like: https://www.jotformpro.com/form/63641645902962 

    Let us know if that works. 

  • Profile Image

    Answered by newpanda on December 30, 2016 at 02:39 PM

    I'm confused a bit on this.  The goal is to not show anything, parenthesis or text within the parenthesis after the title of the plan.  In the example you provided (https://www.jotformpro.com/form/63641645902962 ) the parentheses are gone,  but the pricing info text still appears:

    "$2 for each month" - even though I see that you included this text in the CSS you provided in the last message. 

    So, in that form example, the goal is for it to NOT show the radio button, package name, parentheses and pricing info - that whole line should disappear. Is this possible?

  • Profile Image
    JotForm Support

    Answered by Kiran on December 30, 2016 at 05:14 PM

    Ok. So, you do not want to display any product information on the form and display only the Name, credit card fields. Is that correct? If so, you can remove the second section of the CSS code provided in the last post by our colleague and inject only the first section.

    .form-product-details {

        display: none !important;

    }

    The form will be displaying only the name and CC fields as shown below:

    Hope this information helps! Let us know if you are referring something different. We will be happy to help.