Change style to scheduler group type

[Javi Navarrete]

Hi, we have a problem with the scheduler grouping overview. (https://www.htmlelements.com/angular/demos/scheduler/grouping-overview/)

We need to show more people, not only 3, so, there is any option to adjust the size of each person, I mean, we dont need to show any picture only the name, so how could we reduce the calendar and the header to show more people?.
Thanks.

[svetoslav_borislavov]

Hi,

In the example, the group is clientId which is an array of three people. To group by more people just add more people to the array.
To remove the image you can edit the group template which is located in index.html.

Refer here to see it in index.html: https://stackblitz.com/github/htmlelements/smart-webcomponents-angular/tree/master/demos/scheduler/grouping-overview/?file=src%2Findex.html

Here is an example of adding more people to the resources: https://codepen.io/svetoslavb04/pen/vYrjdve

The size of each person is calculated by calculating the total width of the cells in the timeline.
Of course, you can edit them.

You can style the grid the way you want, click here and scroll down to see all the available CSS variables that you can tweak:
https://www.htmlelements.com/docs/scheduler-css/

I hope this helps! If not, do not hesitate to contact us!

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[Dennis Drescher]

The manner in which each particular View is grouped can be changed via the View’s SchedulerViewBase.GroupType property, which overrides the GroupType.

[ksisu53]

interesting information

• This reply was modified 1 year, 10 months ago by ksisu53.
• This reply was modified 1 year, 10 months ago by ksisu53.

[Author]

Posts