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

    Spread out the text in a checkbox option.

    Asked by mdscj1 on September 25, 2016 at 11:47 PM

    Here's my jotform:  https://form.jotform.com/62318439859166

    My last field, "Accepting the terms...", as 2 checkboxes but the texts for those 2 options needs to be spread out all the way to the right in the blue form box.  How do I do that?

    checkbox checkbox option
  • Profile Image
    JotForm Support

    Answered by beril on September 26, 2016 at 03:11 AM

    To solve that issue could you please inject the CSS code below:

    .form-checkbox-item label {

        width : 500px !important;

    }

     

    If this does not resolve the issue, please let us know and we will be glad to take another look.

  • Profile Image

    Answered by mdscj1 on September 26, 2016 at 12:08 PM

    Where do i put this code?

  • Profile Image

    Answered by mdscj1 on September 26, 2016 at 12:18 PM

    Also, how do I make these 5 set of words in the options to be clickable to a link:

    User Terms and Conditions

    User Privacy Policy


    Affiliate Agreement

    Affiliate Policies and Procedures

    Affiliate Privacy Policy.

  • Profile Image
    JotForm Support

    Answered by Charlie on September 26, 2016 at 01:44 PM

    You can use this CSS code instead:

    #cid_19, #cid_19 > div, #cid_19 > div > span, #cid_19 > div > span > label {

        width: 100% !important;

        min-width: 100% !important;

    }

    Paste it under the CSS tab in your Form Designer Tool.

     

    For the follow up concern you have, you need to wrap the said text using the <a> to anchor a link. Here's a link to learn more about it: http://www.w3schools.com/tags/tag_a.asp

    In your case, you can do that directly in the "Options" list. Below is a screenshot of an example, in my case, in the "Options" list, this is how it is written:

    <a target="_blank" href="http://www.website.com" rel="nofollow" >User Terms & Conditions</a>

     

    I hope that helps.

  • Profile Image

    Answered by mdscj1 on September 27, 2016 at 12:50 AM

    Yes, that helps.  Next thing, how do I make the text of the clickable link more visible? Perhaps bold and red.  I need to try this and see if it's more visible.  If not, please also show me how to change the color.  Thank you.

  • Profile Image
    JotForm Support

    Answered by Chriistian on September 27, 2016 at 03:37 AM

    To change the link's color to red and make it bold, simply inject the custom CSS code below to your form. You can change the color to something else by replacing the highlighted text.

    a {

        color: red;

        font-weight: bold;

    }

    Here's how it should look after:

    Regards.