Filter Multi Checkboxes - filter menu is too narrow

5 posts, 0 answers
  1. Radoslaw
    Radoslaw  avatar
    7 posts
    Member since:
    Jun 2015

    Posted 05 Dec 2015 Link to this post

    Hi,

    In Chrome, version 46, filter menu is too narrow and bottom buttons don't fit into container. 

    http://i.imgur.com/8uOBHhG.png

    http://demos.telerik.com/kendo-ui/grid/filter-multi-checkboxes

     

    Radosław

  2. Radoslaw
    Radoslaw  avatar
    7 posts
    Member since:
    Jun 2015

    Posted 05 Dec 2015 Link to this post

    Material Theme
  3. Ivan Danchev
    Admin
    Ivan Danchev avatar
    2152 posts

    Posted 06 Dec 2015 Link to this post

    Hello Radosław,

    I tested the Grid's dropdown with the latest stable version of Chrome (47.0.2526.73) and with version 46 and a difference in its width indeed can be noticed. I can suggest either updating the browser because in the latest version the dropdown is displayed correctly or applying the following CSS rule, which will increase its width:
    .k-filter-menu.k-popup.k-group.k-reset.k-state-border-up {
      width: 140px;
    }

    Regards,
    Ivan Danchev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  4. Mark
    Mark avatar
    5 posts
    Member since:
    Jun 2015

    Posted 19 Feb 2016 in reply to Ivan Danchev Link to this post

    I am having a similar issue.   Is there a way to enable a horizontal scrollbar in the filter menu ?   

    Thanks,

    Irwin

  5. Ivan Danchev
    Admin
    Ivan Danchev avatar
    2152 posts

    Posted 22 Feb 2016 Link to this post

    Hello Irwin,

    Horizontal scroll bar can be added to the filter menu. You can use the selector I posted in my previous reply and set the overflow-x property to "scroll":
    .k-filter-menu.k-popup.k-group.k-reset.k-state-border-up {
      overflow-x: scroll;
    }

    Regards,
    Ivan Danchev
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top