How to change the position of the Sub label of the question.

  • Profile Image
    mbas123
    Asked on April 26, 2015 at 11:36 PM

    Hi,

    I want to change the position of the sub label of the question, I want it to position below my question.

     

    Thanks

    Rey Galvez

     

  • Profile Image
    ashwin_d
    Answered on April 27, 2015 at 07:37 AM

    Hello Rey,

    I did check your form and found that the sub labels are being displayed below your question/textbox.

    Do you actually want to display it above the textbox field? Please inject the following custom css code in form and see if this is what you wanted to achieve:

    label.form-sub-label {

      margin-top: -39px;

    }

    input#input_30 {

      margin-top: 6px;

    }

    The following guide should help you on how to inject custom css code in form:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Thank you!

  • Profile Image
    mbas123
    Answered on April 29, 2015 at 11:02 PM

    Hi,

    I want my sub label positioned below the question.

    Thanks

    Rey Galvez

     

  • Profile Image
    ashwin_d
    Answered on April 30, 2015 at 12:19 AM

    Hello Rey,

    I am sorry to say but I have not understood your requirement.

    When you add a sub label, it is always below the question (form field) by default. The screenshot you have shared above also has the sub label positioned below the question.

    I would suggest you to please explain your requirement a bit more in detail and we will surely help you. You may also like to share a screenshot on where exactly you want the sub label to be positioned. The following guide should help you how to upload image in forum post:  http://www.jotform.com/answers/277033 

    We will wait for your response.

    Thank you!

  • Profile Image
    mbas123
    Answered on April 30, 2015 at 02:01 AM

    Hi,

    Here is the screenshot of my form, as you can see the sub label is below the textbox box. I want it below my questions.

    Thanks

    Rey Galvez

     

  • Profile Image
    Charlie
    Answered on April 30, 2015 at 04:11 AM

    Unfortunately, the image or screenshot you attached did not went through to your reply post. And I see that you are working on different form URLs but they are almost the same.

    Could you share us the form you are working at and I can make a demo on how you can place the sublabel just below the "question" or field name instead.

    I assume this is what you want:

     

     

    If that is what you are looking for, you can follow the quick guide below on how to move it.

    1. Open your Designer Tool->CSS tab. Double click the sub-label that you would like to move.

    2. You'll see that it will show in your CSS textarea the class selector for it. Now you can use the CSS styling that I have to move or reposition it. Make sure to save the changes.

     

    Do let us know if you need more assistance on this. You can also share the form and we can try to create a custom CSS code for it.

    Thank you.