I tried to change the size format of the multiple choice box but I messed it up

  • Profile Image
    max123jot
    Asked on December 20, 2017 at 01:06 PM

    https://www.jotform.com/build/62628555266161

    jot form sirs

    i attempted to change the sizing of the multiple choice box

    checkbox of skills to improve


    using the wallpaper icon

    but messed it up

    then recovered with the revert function


    i would like the user to see more completely the multiple choice items available

    please advise


  • Profile Image
    Richie_P
    Answered on December 20, 2017 at 01:44 PM

    May I suggest increasing the font size of your input table.

    You can use this css codes.

    .form-input-wide{
      font-size: 30px;
    }


    Here is a guide on how to inject custom CSS in your form.

    How-to-Inject-Custom-CSS-Codes

    Please let us know if we can be of further assistance.

  • Profile Image
    max123jot
    Answered on December 20, 2017 at 04:43 PM
    the code made all the fonts bigger
    this is ok
    but what i really wanted was for the multiple choice box to show all of the
    possible choices
    namely, to increase the height and width of this box
    thanks
    m
    ...
  • Profile Image
    Richie_P
    Answered on December 20, 2017 at 06:05 PM

    Are you referring to the Input Table?

    Currently, the table has increased it size  and all choices can be seen clearly due to the css code given.

    If this was not the multiple choice box, kindly give us some screenshot to help us understand the issue further.

    You can check this thread to know how to add screenshots.

    How-to-add-screenshots-images-to-questions-to-the-support-forum




  • Profile Image
    max123jot
    Answered on December 20, 2017 at 06:43 PM
    this is on pg 2
    [image: Inline image 1]
    ...
  • Profile Image
    Jan
    Answered on December 20, 2017 at 09:09 PM

    Sorry to inform you that the screenshot you are trying to share is not showing in your post. Also, I checked your form (https://www.jotform.us/form/62628555266161) and I was not able to see the field you are referring to on Page 2.

    Please go directly to this thread (https://www.jotform.com/answers/1328393) and use the Reply Editor to upload the screenshot.

    151382161112-21-9e9e0.png

    If you are having trouble uploading the image, then please email it to jan@jotform.com and CC support@jotform.com. The email subject should be "Multiple choice format - thread: 1328393"

    Hope that helps. Thank you.

  • Profile Image
    max123jot
    Answered on December 21, 2017 at 02:12 PM

    1513883527multiple choice jot form.png

  • Profile Image
    Richie_P
    Answered on December 21, 2017 at 02:24 PM

    Thank you for giving us a screenshot of the issue, kindly disregard the previous CSS code I have given.

    And add this CSS code.

    #input_200{
      width: 475px!important; /*you can increase or decrease the width*/
    }

    Here is a sample output.


  • Profile Image
    max123jot
    Answered on December 21, 2017 at 06:43 PM
    thank you for the code
    i would appreciate having the multiple choice box also taller, so all
    choices may be seen without scrolling
    i will await to make the width change until i hear from you re code for the
    taller parameter also
    thanks
    m
    ...
  • Profile Image
    Jan
    Answered on December 21, 2017 at 08:00 PM

    You can use this updated CSS code:

    #input_200 {
    width:475px !important;
    height: 240px !important;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the resut:

    151390437912-22-7mn4t.png

    Hope that helps. Thank you.

  • Profile Image
    max123jot
    Answered on December 22, 2017 at 10:43 AM
    thanks
    will keep code
    i played around w options and came to use multiple choice, which worked fine
    m
    ...