bootstrap.css and grid column menu items

2 posts, 0 answers
  1. Hans
    Hans  avatar
    4 posts
    Member since:
    Jun 2012

    Posted 01 Jun 2015 Link to this post

    Hi all

      The company I work for has added the bootstrap styling (kendo.bootstrap.css). It has caused a problem with the column menu items in the kendo grids in the app.

    The columns that have enough space to display sub menus to the right work ok (when selecting the down arrow from the column header and then the Columns menu item).

    However, the rightmost columns (which show the "Columns" sub menu item to the left) appear with a blue background. This causes an inconsistency with the other columns.

    The lines I found to cause the issue are:

    .k-menu .k-state-border-right {
    background-color: #428bca;
    color: #ffffff;


    If I comment that out it works ok (no matter where they appear, all sub-menu items have the same background), but I do not know what else this may affect.

    Is there a way to fix the bug with the rightmost column menu items?

    Thanks in advance

  2. Dimo
    Dimo avatar
    8406 posts

    Posted 03 Jun 2015 Link to this post

    Hello Hans,

    This issue was fixed in January, please upgrade Kendo UI.

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top