Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
275
igCombo - display border around dropdown list
posted

Using version 2013.2

This is how a vanilla igCombo looks on my site ... no border and can blend in with the background

My goal is to add a border around the outside edge of the list to make it stand out a bit more. I assume ui-igcombo-list is the class I would use apply border settings to the list itself (not the items), but any attempt I have made either does nothing or applies a border to all items in the list.

  • 10685
    Offline posted

    I am checking the progress of this issue. If you need any additional assistance with this case feel free to contact me.

  • 10685
    Suggested Answer
    Offline posted

    Hello Kristopher,
    Thank you for posting in the community!

    By default there is a border for the igComboBox. I have included a couple of screenshots in order to best describe what are the default igComboBox CSS classes applied. 

    You will find igComboBox online samples at http://igniteui.com/combo/ ,
    As well as links to JsFiddle for most of the IgniteUI samples, so you could easily play with and fork the code( http://jsfiddle.net/PdAkj/ ). 

    I suggest the CSS class you are looking for in order to display the border for the igCombo is:

    .ui-widget-content {
        border: 1px solid #B1B1B1;
        color: #444444;
    } 

    Please let me know how this works for you! 

    Screens.zip