formatting a single choice question

  • Profile Image
    ncaaca
    Asked on August 28, 2019 at 04:36 PM

    https://form.jotform.com/92396198889180

    My single choice question is very crowded looking because I cannot control spacing, fonts, or

    line breaks. (ignore the 0 padding it gets adjusted when this form is embedded)

    Is there a way to control any of this (a different widget or css with this one?) Other ideas?

    thanks

    brad

  • Profile Image
    AndrewHag
    Answered on August 28, 2019 at 05:15 PM

    This is how I see the single choice field on the form with the direct link:

    1567026843Recovery Day purchased with Cr

    Could you please share the URL of the web page where you embedded the form? Also, which code you used to embed the form? Please try re-embedding the form using its iFrame code.

    Guide: Getting-the-Form-iFrame-Code

  • Profile Image
    ncaaca
    Answered on August 28, 2019 at 10:26 PM

    It is being embedded in this form https://form.jotform.com/92395396802164 with an iframe.

    However, I don't think you got what I was saying. I can't add a line break in the label of the lunch choice

    question or in the choices. I also can't change the font or bold etc. Is there a way to do any of this on the

    single choice question? I want to do this to make the test less crowded looking on that question

    I don't think that has anything to do with my embed code (i usually use java), as the issue involves options

    I have formatting this question on the form.

  • Profile Image
    AndrewHag
    Answered on August 28, 2019 at 11:59 PM

    I can't add a line break in the label of the lunch choice question or in the choices.

    I am afraid it is not possible to add a line break in the question label or for the options as the form fields doesn't accept HTML code.

    I also can't change the font or bold

    It seems you are trying to increase/decrease the font size and font-weight of the question label. Please try applying the CSS code on the selector #label_3.

    #label_3{

      font-size: 17px;

      font-weight: 800;


    }

    Please add the code in the CSS tab of the form 92396198889180. Also, feel free modify the font size and weight, if you wish you can also add new properties under that selector.

    If you need any more changes, please let us know.