or
0 answers
20 views
Hi,
In Kendo Scheduler (Month View option) would like to set short form of week names, also in the cells, event height dynamic, like below image
1 answer
14 views
To reproduce this issue please select your time zone as any time zone of US (eastern, central or pacific) select the date of date light saving change either the start or end of day light saving i.e the 2nd Sunday of March or November click on 4 am (or to be precise add your time zone offset to 2 am and click on any for example for eastern standard time any time from 2am to 7 am) it returns the wrong time. This can be observed for any kendo scheduler version from 2.1.6 to 15..1.0.
The ideal behavior for any time after the change time i,e 2 am should return the value of the slot clicked but as of now it is incorrect for any value till 2+offest of the the time zone with day light saving.
To reproduce this select a US time zone as mentioned (eastern, central or pacific) select 10th march 2024 or 3rd November 2024 and select 3am, 4 am , 5am etc.
https://stackblitz.com/edit/angular-st2crm
Let me know if you need more details
1 answer
21 views
When the scheduler call createFormGroup In kendoSchedulerReactiveEditing property miss the sender SchedulerComponent.
How can i take the sender?
thank you
Yanmario
Telerik team
answered
on
29 Feb 2024
0 answers
17 views
Good morning,
I have a problem with the scheduler and its vertical lines in the header and table.
As you can see, the lines are offset by some fraction of a millimeter. Nothing in the dimensions has been changed, the scheduler loads itself in this form. Trying to resize the cell doesn't change anything.
Sometimes it happens from the very beginning, sometimes only at a certain point do these lines stop being in the right place.
I have a problem with the scheduler and its vertical lines in the header and table.
As you can see, the lines are offset by some fraction of a millimeter. Nothing in the dimensions has been changed, the scheduler loads itself in this form. Trying to resize the cell doesn't change anything.
Sometimes it happens from the very beginning, sometimes only at a certain point do these lines stop being in the right place.
I see the same issue on your pages
so my question is whether there is any way to prevent this, because when there are many columns, the last borders are seriously damaged as you can see:
0 answers
32 views
Good morning
I would need schedulers with hierarchical grouping to be collapsable (like accordions).
Is there any option that works out of box?
Or can it be done with some custom template/css?
I saw that this product does exactly what I would like
https://bryntum.com/products/schedulerpro/examples-scheduler/frameworks/angular/tasks/dist/tasks/
Thank you
I would need schedulers with hierarchical grouping to be collapsable (like accordions).
Is there any option that works out of box?
Or can it be done with some custom template/css?
I saw that this product does exactly what I would like
https://bryntum.com/products/schedulerpro/examples-scheduler/frameworks/angular/tasks/dist/tasks/
Thank you
1 answer
33 views
Hi! We added a Scheduler in our project but it seems the calendar parts are not localizing
We already set localId to the proper culture/language code
(this.intlService as CldrIntlService).localeId = this.localeConfig.settings.locale;
Other kendo components are working fine like the datepicker
Martin
Telerik team
answered
on
27 Nov 2023
1 answer
49 views
Hello,
I have a kendo UI Scheduler which is used to load events.
I have an issue that when I close an item and it reloads the data, the calendar scrolls up to the top, losing the focus.
Here's a snippet of code:
doubleClickInSingleClick(event: any, popupInstance: any) {
if (this.eventClickTime == 0) {
// set first click
this.eventClickTime = new Date().getTime();
} else {
// compare first click to this click and see if they occurred within double click threshold
if (new Date().getTime() - this.eventClickTime < 250) {
// double click occurred
this.productInstanceId = event.id;
this.popupInstanceRef = this.modalService.open(popupInstance, {
size: "xl",
});
this.popupInstanceRef.result.then(noop, () => {
this.calendarBehavior.loadCalendarData();
});
this.eventClickTime = 0;
} else {
// not a double click so set as a new first click
this.eventClickTime = new Date().getTime();
}
}
}
And here's the HTML
<div id="scheduler" style="overflow-x: auto; white-space: nowrap">
<kendo-scheduler
#schedulerComponent
[kendoSchedulerBinding]="(this.calendarBehavior.events | async)!"
style="overflow: none; min-width: 750px"
[loading]="(this.calendarBehavior.loading| async)!"
[selectedDate]="this.calendarBehavior.selectedDate"
[selectedViewIndex]="3"
(dateChange)="this.calendarBehavior.onDateChange($event)"
>
<kendo-scheduler-day-view>
<ng-template kendoSchedulerEventTemplate let-event="event">
<div (click)="doubleClickInSingleClick(event, instanceModal)">
<!-- Added this hidden label as calendar sorting bu the text inside the event, where can sort by alerts and can have un expected sortion -->
<label style="width: 1px; height: 1px; color: transparent"
>{{ event.dataItem.dataItem.instance.productSku }}
{{ event.dataItem.dataItem.instance.groupNumber }}
</label>
<span
*ngIf="
event.dataItem.instance.ticketCount <
event.dataItem.instance.bookedCount
"
class="ticket-alert-icon"
style="font-size: 10px"
>
<i class="fas fa-ticket-alt"></i>
<i class="fas fa-exclamation-circle text-warning bg-light"></i>
</span>
<span
*ngIf="event.dataItem.instance.tourOperatedByPartner"
class="partner-icon"
>
<i class="fas fa-handshake"></i>
</span>
<span *ngFor="let iconPath of event.description.split(';')"
><img
*ngIf="event.description.length > 0"
class="alert-icon"
src="{{ this.calendarBehavior.getImageUrl(iconPath) }}"
width="10"
/> </span
>
<span
[style.color]="event.dataItem.dataItem.titleColor"
[style.font-size.px]="'10'"
>
{{ event.title }} </span
>
</div>
</ng-template>
</kendo-scheduler-day-view>
<kendo-scheduler-week-view> </kendo-scheduler-week-view>
<kendo-scheduler-month-view>
<ng-template kendoSchedulerEventTemplate let-event="event">
<div (click)="doubleClickInSingleClick(event, instanceModal)">
<span
[style.color]="event.dataItem.dataItem.titleColor"
[style.font-size.px]="'10'"
>
{{ event.title }}</span
>
</div>
</ng-template>
</kendo-scheduler-month-view>
<kendo-scheduler-agenda-view>
<ng-template kendoSchedulerEventTemplate let-event="event">
<div (click)="doubleClickInSingleClick(event, instanceModal)">
<!-- Added this hidden label as calendar sorting bu the text inside the event, where can sort by alerts and can have un expected sortion -->
<label style="width: 1px; height: 1px; color: transparent"
>{{ event.dataItem.dataItem.instance.productSku }}
{{ event.dataItem.dataItem.instance.groupNumber }}</label
>
<span
*ngIf="
event.dataItem.instance.ticketsRequired &&
event.dataItem.instance.ticketCount <
event.dataItem.instance.bookedCount
"
class="ticket-alert-icon"
>
<i class="fas fa-ticket-alt"></i>
<i class="fas fa-exclamation-circle text-warning bg-light"></i>
</span>
<span *ngIf="event.dataItem.instance.tourOperatedByPartner" class="partner-icon">
<i class="fas fa-handshake"></i>
</span>
<span *ngFor="let iconPath of event.description.split(';')"
><img
*ngIf="event.description.length > 0"
class="alert-icon"
src="{{ this.calendarBehavior.getImageUrl(iconPath) }}"
width="24"
/> </span
>
<span [style.color]="event.dataItem.dataItem.titleColor">
{{event.dataItem.instance.tourOperatedByPartner ? event.dataItem.instance.companyName + " - " : ""}}{{ event.title }} </span
>
</div>
</ng-template>
</kendo-scheduler-agenda-view>
</kendo-scheduler>If I comment the this. calendar behavior.loadCalendarData(); the scroll position is maintained. is there a simple way I can tell the Scheduler to maintain the position?
On a really old version of Kendo UI components, it was not pushing to the top.
Any suggestion?
Thanks
Georgi
Telerik team
answered
on
24 Nov 2023
0 answers
23 views
Hi there,
I have read through existing posts before asking this question and searching the forum didn't yield a clear answer, so I'll ask the question and forgive me if asked previously.
I'd like to know if this component can be used for the scenario of gym management. In that scenario, let's say there are 10 classes per day and each class has 16 slots that any member can book into. A booking decrements available spots (which we would handle on our backend) but the calendar could display the available spots if there are any returned (e.g. 5 spots available) and change color if completely full (which would also disable a booking option). Again, happy to code the logic ourselves but wonder if anyone has used the scheduler in a similar way and/or could share an example of a live/working site.
Similarly if this is just the wrong product and anyone has an idea of what would be the right one, happy to hear that too..
The extensibility of this calendar (languages, timezones etc) make it very attractive for our needs.
thanks,
Patrick
2 answers
100 views
Hi
I've used your jQuery version of the Scheduler in an MVC app where I utilised a feature where you can drag and drop from a list view to the scheduler to create events.
Is this functionality available in the Angular version of the component? If there is could you supply a link to a sample implementation.
Also is the a way to create bespoke views again similar to the feature in jQuery version of the scheduler component. e.g. I would like to create a rolling week view (where the view starts at today -1 and ends after a specified number of days) and a rolling work week which is similar but skips weekends)
Many Thanks
1 answer
31 views
Hi,
I need to add some margins to the events, so that they look like this:
Is there a way to achieve that with Kendo Scheduler for Angular?
Thanks
Yanmario
Telerik team
answered
on
30 Oct 2023
