RadGantt - Override Media Query for Always Visible Day/Week/Month View Buttons

2 posts, 1 answers
  1. Kadir
    Kadir avatar
    4 posts
    Member since:
    Feb 2011

    Posted 02 Jun 2016 Link to this post


    RadGantt for Telerik ASP.NET Ajax control has a media query for Day/Week/Month View Buttons. If RadGantt.Width < 1024px then, it combines buttons but looks weird in readonly mode. It floats over border lines.

    I need to override this behaviour to make these buttons always visible (not combined)

    Is there any way to do this?

    (I attached a gif for better explanation)

  2. Answer
    Veselin Tsvetanov
    Veselin Tsvetanov avatar
    887 posts

    Posted 07 Jun 2016 Link to this post

    Hi Baris,

    We can confirm that the reported unexpected appearance of the RadGantt is a bug in the control. I have added its bug-fix to our backlog, so you could now track the bug status in our Feedback portal. As a token of gratitude for the reported bug I have updated your Telerik points.

    As a temporary workarownd, you could use the following CSS rules that allow you to display properly the header <div> element of the RadGantt:
    html .RadGantt .rgtHeader {
        height: 30px;
    html .RadGantt .rgtHeader .radToolbar {
        top: 4px;

    Note that the above is applicable for RadGantt with Silk skin in Lightweight Render Mode and font-size of 14px. If you use another skin or font-size, you may have to change the above values.

    Veselin Tsvetanov
Back to Top