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

  • stormingrobots
    Asked on February 2, 2017 at 9: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?

  • BJoanna
    Replied on February 2, 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.

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

    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?

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

    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. 

  • stormingrobots
    Replied on February 2, 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?

     

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

     

  • BJoanna
    Replied on February 2, 2017 at 11:25 AM

    You can use CSS rule text-indent

    Example:

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

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

  • stormingrobots
    Replied on February 2, 2017 at 11:42 AM

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