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

    How do I stack multiple "Yes" or "No" questions together?

    Asked by Lee on August 18, 2011 at 07:34 PM

    I would like to stack multiple "Yes" or "No" questions together, using the least amount of room. Is there a way to do this and have them all line-up one under the next? I get a feeling that the solution is kind of easy, I'm just not sure how exatly to do it.

    Thanks.

  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 18, 2011 at 08:17 PM

    Lee,

    Does this clone exmplify what you want to do? If yes, injecting custom css should accomplish this feat.

    1.  Shrink the fields first, then set the label to align to left

     

    2.  Then, get the id of the <li> tag that holds these Yes or No radio buttons

    3.  Insert those id's below in this manner:

    #id_26, #id_27 {
    padding: 0 10px;
    }

    The id's are prepended with a number sign (#) and are separated by a comma. For example if you have 5 yes or no fields with id's id_26 to id_30, this is the code that you should use:

    #id_26, #id_27, #id_28, #id_29, #id_30 {
    padding: 0 10px;
    }

    4.  Inject those codes together with the code below onto your form (separate by a line break):

    .form-label-left  {
    width: 300px !important;
    }

    You may modify the width to suit your requirements.

    To inject custom css:

    1.  Go to Setup & Embed tab
    2.  Click Preferences Form button
    3.  Choose Form Styles tab
    4.  Copy and paste the css code in the Inject Custom CSS textarea

    Hope this helps. Let me know if you need clarification on the steps in this post. Thanks!


    Neil

  • Profile Image

    Answered by LeascoAuto on August 18, 2011 at 11:54 PM

    Neil,

    No clarification necessary, but I could use some assistance "cleaning up" this form. As you can probably tell I'm a newbie here, so the template that I chose was pretty easy to work with. That being said, there are some things I'd like to see corrected/adjusted before embedding the HTML on my new website:

    1. The form just seems so long with quite a bit of open/unused space. I used a very "tight" fillable PDF-document as a "visual" template and this form is one-full page long. Also, the "right" margin is all over the place- it would be nice if it were justified in some way. I've already reduced the font to 10 point, so I don't think making the wording any smaller would be beneficial. Perhaps you can make some suggestions on how I can get this form to look "tight", more professional, yet "simple" for any user to complete.

    2. The field highlights on this form are "yellow" is there any way to change this? I would prefer the colors to be more on line with my corporate colors (black, gray, white and red). Yellow just looks so, blah.

    3. I understand that conditional dropdowns can be used. I would like two (2) of my dropdown fields to be conditional. These fields being the "Make" and "Model" dropdowns. For the "Make". I have included a list of all of the Car Manufacturers and for the "Model", I will include all of the different models that are specific to the "Make". As such, when you look at the "Model" dropdown it will ONLY include that which is specific to the Car "Make". There is a example in the forum, Example Form but I do not beleive that it does what I need this to do. Basically, if it's an Acura (Make), then the MDX, RDX, RL, TL, TSX, ZDX (Model) are available. If it's a Bentley (Make), then the Azure T, Brooklands, Continental, Mulsanne (Model) are available.

    Lastly, I am completely open to suggestions, I am sure that I selected some formatting items that could have been done better and/or differently. The bottom line is that I want the form to work and I am not looking to make adjustments once it has been put onto the website.

    I REALLY appreciate your assistance, as a new entrepreneur I would really like to get this web form working properly.

    Thanks, in advance.

    LAR

  • Profile Image
    JotForm Support

    Answered by NeilVicente on August 20, 2011 at 12:46 AM

    Hi LAR,

    Much as I would love to answer your questions one by one, it is not advised to keep such a plethora of issues in one single thread. This is not only for the sake of avoiding confusion in the support discussion, but also for other users who might relate to each of your questions. It would be more efficient to keep threads focused and to avoid off-topic posts wandering around.

    With that said, I suggest that you create separate threads for each of your (seemingly) unrelated questions. We look forward to hearing from you soon. Thanks!


    Neil

  • Profile Image

    Answered by LeascoAuto on August 20, 2011 at 03:05 AM
    New response receivedNeil,

    As requested, I have posted the four (4) separate threads for this web form. Although I understand that each is separate question, I had thought that they were all somewhat related to the overall modification/changes to the web form.

    Thanks again-

    LAR
    ----- Original Message -----