Forums Ignite UI for jQuery
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
Close
Jeffrey Chen
210
How cound we display the whole content when the text is too long in dropdown list of igCombo
posted

Hi there,

How could we display the whole content when the text is too long in dropdown list of igCombo?

See the figure below:

 

Parents
No Data
Reply
  • 23953
    Offline posted

    Hi Jeffrey,

    igCombo has white-space: nowrap; CSS rule. In order to override it use these CSS rules (border-bottom rules is not necessary. I put it to make a distinction between combo items.):

    Code Snippet
    1. <style>
    2.     .ui-igcombo-list ul > li
    3.     {
    4.         white-space: normal!important;
    5.         border-bottom: 1px solid black!important;
    6.     }
    7. </style>

    Best regards,
    Martin Pavlov
    Infragistics, Inc.

Children