Agenda View border after grouping ?!

4 posts, 2 answers
  1. K.Ramadan
    K.Ramadan avatar
    78 posts
    Member since:
    Feb 2020

    Posted 16 Sep Link to this post

    Hello there,

    I made a button for the Scheduler grouping,

    So if I group the scheduler, the left border line will disappear (Screenshot 2020-09-16 142154_LI.jpg)

    Then i looked if this disappearing has something to do with the CSS classes ! and i found this (Class_agenda.png)

    is there any purpose behind this ? or is it just the wrong class in the wrong View and i should remove it ? :-)

     

    Thanks in advance

    Blackout

  2. Answer
    Dimitar
    Admin
    Dimitar avatar
    487 posts

    Posted 18 Sep Link to this post

    Hello,

    Thank you for your feedback. We have a known issue in our SASS themes. As the issue is not fixed for Kendo UI for jQuery and ASP.NET MVC - visible on Vertical Grouping demo in Agenda view with SASS themes, I am reopening it for fixing.

    Regards,
    Dimitar
    Progress Telerik

    Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).

  3. K.Ramadan
    K.Ramadan avatar
    78 posts
    Member since:
    Feb 2020

    Posted 23 Oct Link to this post

    Hello Dimitar,

    I know this is a known issue, but if you open the attached img in my first Post, you will see the the GroupColumn is too wide .. is there any solution for that ?

    I'll attach a new img with the same Problem.

    Thanks in Advance

    Ramadan

  4. Answer
    Dimitar
    Admin
    Dimitar avatar
    487 posts

    Posted 26 Oct Link to this post

    Hi Ramadan,

    In Agenda View the Date and Time columns have specified width. The rest of the columns distribute the remaining width evenly between them, e.g. on Vertical Grouping demo the first two columns and the last one have the same width. To change the first column width, custom styles may be applied as follows:

    <style>
      html body .k-scheduler-agendaview .k-scheduler-groupcolumn.k-first {
        width: 150px;
      }
      
      html body .k-scheduler-agendaview .k-scheduler-header .k-scheduler-groupcolumn:first-child {
        width: 150px;
      }
    </style>

    The following Dojo snippet shows them in action - fullscreen view.

    Regards,
    Dimitar
    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Back to Top