Adjust Header Attendee name in horizontal resources grouping Kendo UI Scheduler

1 Answer 36 Views
Scheduler
Pankaj
Top achievements
Rank 1
Iron
Iron
Pankaj asked on 20 Sep 2024, 01:58 PM

hello 

i am using the horizontal resources grouping in Kendo UI Scheduler and I want to adjust the header attendee name same like word wrap css property so that last name will come after first name.

1 Answer, 1 is accepted

Sort by
1
Accepted
Neli
Telerik team
answered on 25 Sep 2024, 11:09 AM

Hello Pankaj,

You can utilize the groupHeaderTemplate and customize the appearance of the resources text according to the requirements:

- https://docs.telerik.com/kendo-ui/api/javascript/ui/scheduler/configuration/group#groupheadertemplate

Here is an example:

  groupHeaderTemplate: function(data){
            var texts = data.text.split(' ')
            return `<i>LastName: ${texts[1]}</i> FirstName: ${texts[0]}`
  },

And a Dojo - https://dojo.telerik.com/@NeliK/ibUconev.

I hope this helps. 

Regards,
Neli
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Pankaj
Top achievements
Rank 1
Iron
Iron
commented on 27 Sep 2024, 05:59 AM

Thanks
Tags
Scheduler
Asked by
Pankaj
Top achievements
Rank 1
Iron
Iron
Answers by
Neli
Telerik team
Share this question
or