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

  • Profile Image
    stormingrobots
    Asked 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
    BJoanna
    Answered 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
    stormingrobots
    Answered 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
    BJoanna
    Answered 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
    stormingrobots
    Answered on February 02, 2017 at 11:42 AM

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