Reduce the width of the drop down list

  • Profile Image
    spigroup
    Asked on December 31, 2013 at 05:10 AM

    Hi ,

    I have a dropdown list where the list options have a long strings, so the drop down box taking the width of the longest option width as the dropdown box width.

    Now i want to fix/set the width myself irrespective of changing width with option width.

    Please let me  know how to do it.

     

    Thanking you in advance!.

    Raj

  • Profile Image
    EliezerN
    Answered on December 31, 2013 at 09:19 AM

    I cloned your form and reduce the width of the last Matrix table, so, please take a look at this form if this is what you are looking for: http://form.jotformpro.com/form/33643549992973

    To accomplish that you need to insert this CSS code: 

    .form-matrix-table .form-dropdown

    {

    max-width:130px !important;

    }

    Here is how to inject CSS codes: How to inject custom CSS codes Or you can simply clone my form, here is how to clone existing forms: How to clone an existing form from a url

    Please inform us if you need further assistace with this.

    Thanks

     

  • Profile Image
    spigroup
    Answered on January 01, 2014 at 04:14 AM

    Hi EliezerN ,

    Thatz awesome, that is wt i was looking for.

    Once againg thanks a lot for ur assistant.

     

    Regards,

    Raj