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

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

     

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

  • Profile Image
    ipbr21054
    Answered on February 01, 2017 at 05: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;

    }

  • Profile Image
    seth
    Answered on February 01, 2017 at 05: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:

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

    Regards.

  • Profile Image
    ipbr21054
    Answered on February 01, 2017 at 06: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.

     

     

  • Profile Image
    seth
    Answered on February 01, 2017 at 06: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!