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

    Radio Button text width

    Asked by adam.barker on December 14, 2015 at 08:54 AM

    Hi,

    I have a radio button selection list  - some of the text is reasonably long (e.g. circa 25 characters).  The text keeps wrapping which looks messy.  I've been into the CSS Designer view and just cannot find a way to force the width to increase.

    This is illustrated by the text against the "Type of Issue" section in the link accompanying this query.

    Help required!

     

    Adam

    Page URL:
    http://www.jotform.com//?formID=43554764438363

    Selection find section wrapping
  • Profile Image
    JotForm Support

    Answered by BJoanna on December 14, 2015 at 12:35 PM

    Thank you for contacting us.

    You can increase the width of your check box and radio button text by adding this CSS code:

    .form-radio-item, .form-checkbox-item

    {

        display: inline-block;

        min-width: 200px;

        white-space: nowrap;

        width: 200px;

    Inside of this guide you can find out how to Inject Custom CSS Codes:

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

    Hope this will help. Let us know if you need further assistance.