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

    Is it possible to move the label to the right side of (or behind) the radio button

    Asked by stormingrobots on February 02, 2017 at 09:14 AM

    I have a consent field.  I would like to display like this:

     

    I   opt1 (do)   or   opt2(do not)  consent such and such... .

     

    Is this doable?

  • Profile Image
    JotForm Support

    Answered by BJoanna on February 02, 2017 at 10:13 AM

    I am not exactly sure what you are trying to achieve. You can position filed labels left, right and top.

    However based on your example I assume that you want to first show field options and then filed label. That can be achieved with CSS. Is this the form you are working on https://www.jotform.com/70208611384148? And do you want your field to look like this?

    If so add this CSS code to your form:

    #cid_158 {

        position:relative;

        top:-60px;

    }

    #label_158 {

        position:relative;

        top:20px;

    }

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

    Here is my demo form: https://form.jotform.com/70324477177965 

    Feel free to clone it.

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

  • Profile Image

    Answered by stormingrobots on February 02, 2017 at 11:04 AM

    Thank you... I actually want to the options on the same line with 1st line of the label.. so  I thought I changed the top . Then, when I entered the label in the properties, I do :

    <span style='display:inline-block; width:100px;'>&nbsp;</span>consent to permit Storming Robots and its administration to take photographs or digital recordings o .... etc.

    But it does not do the trick... when I put in a lot of &nbsp;, it seems to do the trick... however, is there a way to make this more efficient?

     

     

  • Profile Image
    JotForm Support

    Answered by BJoanna on February 02, 2017 at 11:25 AM

    You can use CSS rule text-indent

    Example:

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

  • Profile Image

    Answered by stormingrobots on February 02, 2017 at 11:42 AM

    GREAT! Thank you so much!  I did not do that in the custom design css!