Can you advise where I need to make the adjustment to make the drop-down field wider?

  • ipbr21054
    Asked on January 31, 2017 at 11:01 PM

    Form 70304482166351

    Can you advise where i need to make the adjustment so the field shown in photo supplied can be made a little wider.

    I ask because scrolling through the names in the list some are only just shown in the box thanks.

     

    Can you advise where I need to make the adjustment to make the drop down field wider? Image 1 Screenshot 20

  • Mike_G JotForm Support
    Replied on January 31, 2017 at 11:25 PM

    Please add the following CSS codes below to your form

    div#cid_28, select#input_28 {

        width: 160px !important;

    }

    Follow the instruction(s) given the in the guide below to learn how to add CSS codes to your form.

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

  • ipbr21054
    Replied on February 1, 2017 at 5:09 AM

    Thanks for the reply.

    I did try that last night but made no difference so i asked the question.

    This morning i tried again & this time it did make a difference,thanks.

    Pc cache ??

    Anyway i now have in place the following code.

    Its the same code to make the field box wide BUT with the addition to make the text within that field center as currently its to the left.

    Having said that there is no change at all ???

    Form 70304482166351

    div#cid_28, select#input_28 {

    text-align : center;

        width: 160px !important;

    }

  • seth
    Replied on February 1, 2017 at 5:29 AM

    Hello,

    It is hard to style drop-down selection. Also you need to implement some code to make it compatable in all browsers. Here take a look at these forum threads:

    http://stackoverflow.com/questions/10813528/is-it-possible-to-center-text-in-select-box

    http://stackoverflow.com/questions/21665137/centre-align-drop-down-list-text

     

    However, there is a partial solution for Chrome. Instead of text-align property, you can use text-align-last property, which will center the selected option on the form:

    Can you advise where I need to make the adjustment to make the drop down field wider? Image 1 Screenshot 20

    I hope this answer helps. Please feel free to contact us for your further queries.

    Regards.

  • ipbr21054
    Replied on February 1, 2017 at 6:01 AM

    Hi,

    Now sorted.

    Im learning how to do this but i find each day etc the page changes or the site gets updated often.

    Learning this then make=s me having to figure out what just happened.

     

    Thanks for the help.

     

     

  • seth
    Replied on February 1, 2017 at 6:04 AM

    You are welcome.

    We are here to help our customers, hence please do not hesitate to contact us for your further queries.

    All the best!