the sub text for a drop down field is not using all of the space beneath it

  • pardop1
    Asked on November 29, 2016 at 11:40 PM

    we are switching from a text field to a drop down menu - i hide the text field version and copied the title and sub text to the drop down menu field - however, if you look at the sub text on the new field, (ID 69) it is all to one side instead if spread out to the right like the text field was. Please send code to fix. The field is set to 150 px, but i don't think the form is recognizing that because it does not resize when i change that amount.

     

    Thanks.

     

    Pam

  • BJoanna
    Replied on November 30, 2016 at 3:15 AM

    I assume that you are working on this form https://www.jotform.com/63108050092950.

    Do you want only to change the width of sub label and leave the width of dropdown input field to 150px? 

    You can achieve this by adding this CSS code to your form: 

    #input_69 {

        width : 150px!important;

    }

    #cid_69 label.form-sub-label {

        width : 400px!important;

    }

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

    I have set width of sub label to 400px , but you can increase it more if you want. 

    After you add this code you field will look like this.

    the sub text for a drop down field is not using all of the space beneath it Image 1 Screenshot 20

    If you also want to increase the width of dropdown input field as will increase 150px width value. 

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

  • pardop1
    Replied on November 30, 2016 at 7:44 AM
    Thank you. What I do not understand is why codes needed to be injected all of the time. Why doesn't the form recognize the setting information. Makes this way harder to use. Is jotform addressing these issues?
    Sent from my iPhone
    ...
  • Nik_C
    Replied on November 30, 2016 at 8:43 AM

    All fields are differently acting inHTML environment, so if you delete some field and add a new one, it will not show the same, CSS is important to how the fields will be shown on your page, actually, everything you see on your page, size, colors, position etc. It is mostly controlled by CSS.

    So sometimes it needs some extra adjusting.

    If you have further questions please let us know.

    Thank you!

  • pardop1
    Replied on December 4, 2016 at 5:45 PM
    This did not resolve my issue.
    ...
  • liyam
    Replied on December 4, 2016 at 7:43 PM

    Hello pardop1,

    If BJoanna's solution did not work, can you please provide us more information on what you wish to accomplish? Somehow, I understood the same as she did and so far this is how it appears on my view:

    the sub text for a drop down field is not using all of the space beneath it Image 1 Screenshot 20

    We'll look forward to your response on the matter.

    Thanks.

  • pardop1
    Replied on December 4, 2016 at 10:45 PM
    that is what i am trying to accomplish, but if you check my form, i inserted the code but did not get that result.
    ...
  • Chriistian Jotform Support
    Replied on December 5, 2016 at 1:24 AM

    Hi, 

    To my understanding, you want the dropdown field to spread out like the text field version of it? If yes, you can adjust the width of it. Make it 300px instead.

    #input_69 {

        width : 300px!important;

    }

    I noticed that the image you uploaded did not reach the Support Forum. Please follow the instructions provided in this article: https://www.jotform.com/answers/277033-How-to-add-screenshots-images-to-questions-to-the-support-forum

     

    We'll be waiting for your response.
    Regards

     

     

     

  • pardop1
    Replied on December 5, 2016 at 1:45 AM
    i don’t care about the drop down menu - it is the sub text that is not displaying properly. how do i fix the sub text so it displays like the field right above it that i had to hide. This is ridiculous.
    ...
  • pardop1
    Replied on December 5, 2016 at 1:45 AM
    i entered 400, instead of 300. the sub text is too far from the drop down field and is too large - it should be smaller text.
    ...
  • Chriistian Jotform Support
    Replied on December 5, 2016 at 2:38 AM

    Hi,

    Sorry for the confusion. Can you please try to adjust the width of the sub label into 600px?

    #cid_69 label.form-sub-label {

        width : 600px!important;

    }

    This is how it should look like:

    the sub text for a drop down field is not using all of the space beneath it Image 1 Screenshot 20