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

    Adjust stripe form to 300px form width

    Asked by gyangting on August 21, 2014 at 07:55 AM

     

    Hi,

    I need to make the Stripe form fit in a form with 300px.

    Here's the form: https://secure.jotformpro.com/form/42315456458963

    Here's an illustration of what I'm looking to achieve: http://screencast.com/t/nI288RlSGQ

    Thanks,

    Guy

    form width secure. css code
  • Profile Image
    JotForm Support

    Answered by jonathan on August 21, 2014 at 09:24 AM

    Hi,

    Is this how you wanted the form to be http://www.jotform.me/form/42323592555456

    I noticed a lot of injected custom CSS code injected on your form. I just removed some of the unnecessary code and retain a few, to fit the fields within the form.

    Give us your feedback on my version of the form if it is not sufficient to what you need.

    Thanks. 

     

  • Profile Image

    Answered by gyangting on August 21, 2014 at 09:55 AM

    Thanks a lot Jonathan.

    This is getting much closer to what I want!

    Here are the details I still have a hard time grapple with (based on your version):

    http://screencast.com/t/dsysyLyI

    http://screencast.com/t/GkYIh6OdmDP2

    http://screencast.com/t/jK1bT2DvHc

    Can you help me with these?

    Guy

  • Profile Image
    JotForm Support

    Answered by david on August 21, 2014 at 11:43 AM

    Hi,

    I believe I made the adjustments you wanted.  Have a look at my cloned version and let us know if there are any further changes you want made:

    http://form.jotformpro.com/form/42324651209954?

    Thank you for using JotForm!

  • Profile Image

    Answered by gyangting on August 23, 2014 at 03:50 PM

    Hello Jonathan and David,

     

    I just wanted to thank you for your help.

    After several trials, I've been able to get where I wanted with the form, pretty much.

    Here's the current version: http://form.jotformpro.com/form/42326489833968

     

    Guy

  • Profile Image
    JotForm Support

    Answered by jonathan on August 23, 2014 at 05:09 PM

    Hi Guy,

    We're glad to know you have done it.

    The form looks http://form.jotformpro.com/form/42326489833968 great.

    If you do prefer also, you may want to increase the font-size of the input boxes (Textboxes) so that it matches the current height of the input fields.

     

    You can try adding CSS code like this in your form's current existing codes to have bigger font-size in the input box. Just make adjustment on the number px according to your preference.

    .form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input{

    font-size: 16px !important;

    }

     

    Contact us anytime should you need our assistance.

    Thanks.

     

     

     

  • Profile Image

    Answered by gyangting on August 23, 2014 at 05:38 PM

    Thanks Jonathan!

    That's very nice of you.

    I've implemented the change.

  • Profile Image
    JotForm Support

    Answered by jonathan on August 23, 2014 at 06:48 PM

    You're quite welcome. =)

    Contact us anytime should you require our assistance.

    Best