Hello, 

I have a multi-week view scheduler, in which i use the kendo kendoSchedulerGroupHeaderTemplate directive to style my groups according to some resources. 

I want to impose a max-width on this, in order to make sure that the names of the groups are within proportion. (See example: Too-long.png)

I have my html code: 

<ng-template kendoSchedulerGroupHeaderTemplate let-resource="resource">
  <div class="group-header-wrapper">
    <div class="group-header-main">{{ resource.text }}</div>
    <div class="group-header-alt">{{ resource.line }}</div>
  </div>      
</ng-template>

and my css: 

.group-header-wrapper {
  //code
}

.group-header-main {
  width: 100%;
  text-align: left;
  background-color: $secondary-color;
  padding: 2px 4px;
}

.group-header-alt {
  width: 100%;
  text-align: left;
  color: white;
  padding: 2px 4px;
}

adding max-width to group-header-wrapper. doesn't fix this. Because the event become unaligned. (see example: unaligned.png)

How can I style this so the events are aligned with their respective slots and days?

Thanks,

Govert Jaap

Hi,

I've set up a scheduler using the new multi-week-view for multiple resources where I display only 1 week. And I have grouped these vertically by resource.  

However I'd like to dynamically set the height of the slots, to fit all the events of a resource. And also do this for the group headers. So they match their row.

Switching to a different view to show all the event of a day isn't wanted as there are a lot of groups.

What would be the best way to do this?

Hi,

I would like yo change time format in timeline view scheduler

Is there any way to do that? I can't find any template in API reference.

Thanks!

I'm getting the above error.  I've tried npm i @progress/kendo-angular-treeview

I try npm start and then I get a slightly different error and I might have to do npm i @progress/kendo-angular-label

The errors end up taking ages to get because each npm start takes a few min to get to the error.

I've tried deleting node modules and npm install but the same errors keep cropping up. I recently merged code and perhaps that's the cause but I want to fix it.  Any suggestions?

Hi

Could i migrate an JS/Jquery Kendo CSS to an Angular12 CSS easily ?

Could i use theme Builder to make it ?

Regards

Hi

I could not using class="col-xs-8" on scheduler project with bootstrap 4.6.0

Scheduler still is on full screen ?

Why ?

Regards

 template: `
        <div class="container-fluid">
            <div class="row boxFix" style="padding-top:10px;">
                <div id="agendaSidebar" class="col-xs-2">
                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
                </div>
                <div id="agendaScheduler" class="col-xs-8">
                    <my-scheduler></my-scheduler>
                </div>
            </div>
        </div>
    `

Regards

Hello,

I tried to add this style but do not see any change. How to have the header for the grid in bold.

.k-grid-header {
    font-weight: bold!important;    
}

thanks

alexsunny