How to position the "required" star for my label?

  • dialogoaci
    Asked on May 26, 2016 at 4:41 PM

    Hi

    I have inserted the code, but got no changes. 

    here I entered the code

    How to position the required star for my label? Image 1 Screenshot 30

    Here is my form after, no changes

    How to position the required star for my label? Image 2 Screenshot 41

    May be label's ID is different? 

  • BJoanna
    Replied on May 26, 2016 at 4:57 PM

    Is this the form you are working on http://www.jotformeu.com/form/60497464432359?

    Your form now looks differently then on screenshot you provided. It seems that you have positioned your fields by shrinking them and that you have aligned field labels to top.

    How to position the required star for my label? Image 1 Screenshot 20

    When you are adding CSS code to your form, you should add CSS code at  the bottom of existing code, not at the top. 

    Inside of this guide you can also find how to Inject Custom CSS code to your from: 

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

    Also ID of the field is different, so you would need to apply CSS code to correct field. Inside of this guide you can find how to find field IDs and names: 

    https://www.jotform.com/help/146-How-to-find-Field-IDs-Names 

    If you still want to position "required" star, please tell us for which field inside of your form and how to you want that "required" star is positioned.

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

  • dialogoaci
    Replied on May 27, 2016 at 10:47 AM

    Hi

    Thank you for your reply.

    I had to make some changes in the form, sorry if it have confused you.

    I would like to place the star at the end of the text "Declare ..."*, as it was in the example in the previous theme.

    I got able ID:

    and placed the code with this ID at the button:

    I tried different Label Align and shrink/expand field, but star didn't move.

  • BJoanna
    Replied on May 27, 2016 at 11:08 AM

    Thank you for providing us additional information.

    "required" star will always be placed at the end of label of he field. Considering that you field dose not have label that is the reason why it is placed above check box option.

    To position your label at the end of check box option text, remove the CSS code that you previously added and add this CSS code: 

    #label_7 .form-required {

     top:8px!important;

     position:absolute!important;

     left:480px;

    }

    Inject CSS code at the bottom of existing code. After you add this code your form will look like this.

    How to position the required star for my label? Image 1 Screenshot 20

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

    Feel free to clone it.

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

  • dialogoaci
    Replied on June 8, 2016 at 9:09 AM

    Thank you for your help!