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

    Adjusting and Styling Form

    Asked by kranai on February 18, 2016 at 01:00 PM

    Hi Kiran

    I have created another form titled "Insight Academy Registration Form" This form as its name implies does the registration and hence it a little more bigger than the previous ones.

     

    I need to do the following:

     

    1. Can I force two fields to appear on the same line ? if yes how do I do it. For example my Designation and Department field if they can appear on same line will be neat.

    2.

    for some fields I have a hovering text that appears like a bubble when the cursor moves over it. Can I change the style meaning colour of font, background colour of the bubble etc? If yes from where do I do it?

    3. can I set some fields to appear on screen based on some condition? e.g. If registratrant is self-sponsored I want his home address field to appear. If he is company sponsored then I want the company address field to appear. Is this possible? Trying my luck here?

    Look forward to your kind reply

    rgds

    kish

     

    adjusting registration form style form design
  • Profile Image
    JotForm Support

    Answered by jonathan on February 18, 2016 at 04:08 PM

    #1 

    You can follow this user guide: How-to-Position-Fields-in-JotForm

    and add some custom CSS codes like this using the Form Designer

    #label_20 {

        width : 100px !important;

    }

     

    #id_19 {

        padding-right : 0px;

    }

    #id_20 {

        padding-left : 0px !important;

        padding-right : 0px;

    }

     

    You can also clone my test form https://form.jotform.com/60486087105961 and re-use it on your Form Builder.

    Follow this guide to clone How-to-Clone-an-Existing-Form-from-a-URL

    We will attend to the other 2 questions separately since they were about different topic here:

    http://www.jotform.com/answers/775832

    http://www.jotform.com/answers/775825

     

    Let us know if you need further assistance.

  • Profile Image

    Answered by kranai on February 19, 2016 at 02:03 AM

    Hi Jonathan

    The user guide was very useful indeed. I used the shrink option which was very easy rather then messing with CSS code. It shrink option does exactly what I want.

    Thanks

    kish

     

  • Profile Image
    JotForm Support

    Answered by Boris on February 19, 2016 at 07:30 AM

    On behalf of my colleagues, you are most welcome.

    If there is anything else we can help you with, please let us know by opening a new support thread, and we will be happy to assist you.