Item grouping

2 posts, 0 answers
  1. lee
    lee avatar
    12 posts
    Member since:
    Oct 2013

    Posted 08 Aug 2016 Link to this post

    I have implemented the autocomplete item grouping functionality, but need a slightly different implementation.

    The first group header item is injected as a disabled item, but the following items are injected as right aligned divs within the list.  This is causing issues because I do not have a lot of width to play with and the items are being overlapped by the injected div's

    Is there any way that I can get the control to always inject group headers as disabled items?  I can add a "IsHeader" attribute and doctor the items inline if needed.

    I have attached a screenshot displaying the current render

    Is this achievable?  Please say it is because I just want one control suite on the site.




  2. Alex Hajigeorgieva
    Alex Hajigeorgieva avatar
    318 posts

    Posted 10 Aug 2016 Link to this post

    Hello Lee,

    I am afraid that such group template layout is not a supported functionality od the Kendo UI AutoComplete out of the box. One possible approach could be to apply CSS rules to .k-popup .k-list .k-item > .k-group.
    This approach will help you draw near the desired requirement without tampering with the functionality of the Kendo UI AutoComplete.

    I am sorry I could not be of more help on this occasion. 

    Telerik by Progress
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
Back to Top