This is a migrated thread and some comments may be shown as answers.

Agenda View border after grouping ?!

3 Answers 31 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
K.Ramadan
Top achievements
Rank 2
Veteran
K.Ramadan asked on 16 Sep 2020, 12:43 PM

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

3 Answers, 1 is accepted

Sort by
0
Accepted
Dimitar
Telerik team
answered on 18 Sep 2020, 12:05 PM

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).

0
K.Ramadan
Top achievements
Rank 2
Veteran
answered on 23 Oct 2020, 09:36 AM

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

0
Accepted
Dimitar
Telerik team
answered on 26 Oct 2020, 10:49 AM

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/.

Tags
Scheduler
Asked by
K.Ramadan
Top achievements
Rank 2
Veteran
Answers by
Dimitar
Telerik team
K.Ramadan
Top achievements
Rank 2
Veteran
Share this question
or