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

    Customising the Width Of Certain Boxes

    Asked by acpevans on June 22, 2015 at 06:31 AM

    I am currently creating the following form - http://www.jotformpro.com/form/51719069683971

    How do I make the width of the following boxes the same length as all the other boxes:

    -  Phone Number

    Number Of Products 

    Notice how all other boxes are neatly aligned on the right hand margin with the exception of these two.

    Thanks.

    Page URL:
    http://www.jotformpro.com/form/51719069683971

    phone number width input width
  • Profile Image
    JotForm Support

    Answered by Welvin on June 22, 2015 at 08:23 AM

    By just changing the width value in the form builder. I did it for you. Kindly check now.

    Thanks

  • Profile Image

    Answered by acpevans on June 22, 2015 at 08:53 AM

    Thank you. Solved.

  • Profile Image

    Answered by acpevans on June 22, 2015 at 07:34 PM

    One other question:

    Can you also extend the width of the "other" box in the widget titled "Copyright Holder's Name"?

    This is the the only box whose width is not aligned on the right hand margin.

    I tried to do this myself but I have not "width" box displayed in my menu bar like in your example photos above.

  • Profile Image

    Answered by Syed on June 22, 2015 at 11:32 PM

    Hi Alastair;

             I have moved this question to new thread, here; http://www.jotform.com/answers/594334. We will be in touch, shortly.

     

    Thankyou,

  • Profile Image

    Answered by acpevans on June 23, 2015 at 09:39 PM

    I recently checked my form on a mobile device.

    The change you suggested to extend the width of the "phone number" box as well as the "number of products" dropdown are not responsive.

    How can we make these responsive?

    See images below (sorry for the size. I don't know how to shrink them):

     

  • Profile Image
    JotForm Support

    Answered by EltonCris on June 24, 2015 at 02:10 AM

    Inject this CSS code to your form, this should make all framed widgets mobile responsive.

    @media screen and (max-width:760px){

    iframe{width:100% !important;}

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes-to-your-Form

    If you need further assistance, let us know.

  • Profile Image

    Answered by acpevans on June 24, 2015 at 02:21 AM

    That has fixed the issue with "phone number" but not the issue with the "number of products" drop down.

    How can we fix both of these?

  • Profile Image
    JotForm Support

    Answered by Charlie on June 24, 2015 at 04:05 AM

    You can try adding this custom CSS code inside the @media rule:

    #id_39 {

            width : 100% !important;

        }

        #input_39 {

            min-width: 210px !important;

        }

     

    Make sure to add it inside the media rule, the media rule is the specific styling that the form will use when it is viewed on a device matching the said media screen sizes. In this case, you can adjust the widths and try experimenting.

  • Profile Image

    Answered by acpevans on June 24, 2015 at 08:10 PM

    Thanks for your support.