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

  • Profile Image
    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

  • Profile Image
    BJoanna
    Answered on November 30, 2016 at 03: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.

    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. 

  • Profile Image
    pardop1
    Answered on November 30, 2016 at 07: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
    ...
  • Profile Image
    Nik_C
    Answered on November 30, 2016 at 08: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!

  • Profile Image
    pardop1
    Answered on December 04, 2016 at 05:45 PM
    This did not resolve my issue.
    ...
  • Profile Image
    liyam
    Answered on December 04, 2016 at 07: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:

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

    Thanks.

  • Profile Image
    pardop1
    Answered on December 04, 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.
    ...
  • Profile Image
    Chriistian
    Answered on December 05, 2016 at 01: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

     

     

     

  • Profile Image
    pardop1
    Answered on December 05, 2016 at 01: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.
    ...
  • Profile Image
    pardop1
    Answered on December 05, 2016 at 01: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.
    ...
  • Profile Image
    Chriistian
    Answered on December 05, 2016 at 02: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: