Progress® Kendo UI® for Angular Feedback Portal
Back to Feed
Request a Feature Report a Bug
Declined
Last Updated: 15 Apr 2019 09:51 by Toine
Toine
Created on: 08 Apr 2019 12:33
Category: Scheduler
Type: Feature Request
0
Highlight and show time on hovering timeslot

Like in the other scheduler components it would be very nice to highlight the hoverd timeslot and show the start time of the slot when hovering

 

2 comments
Toine
Posted on: 15 Apr 2019 09:51
Perfect!
ADMIN
Dimiter Topalov
Posted on: 15 Apr 2019 06:40
Hi Toine,

As the desired behavior can be easily achieved via the built-in templates and some custom CSS, and is not a missing generic functionality that our developers feel should be built-in in the Scheduler, we will have to decline this feature request, and suggest a sample custom implementation that yields the described behavior and layout:

template: `
        <kendo-scheduler [style.width.px]="1250" [kendoSchedulerBinding]="events" [selectedDate]="selectedDate">
            <ng-template kendoSchedulerTimeSlotTemplate let-date="date">
                <strong class="on-hover-only">{{ date | kendoDate : 't' }}</strong> Other content
            </ng-template>
            <kendo-scheduler-week-view>
            </kendo-scheduler-week-view>
        </kendo-scheduler>
    `,
    encapsulation: ViewEncapsulation.None,
    styles: [`
      .k-scheduler .k-scheduler-content td .on-hover-only {
        display: none;
      }
 
      .k-scheduler .k-scheduler-content td:hover {
        background-color: lightblue;
      }
 
      .k-scheduler .k-scheduler-content td:hover .on-hover-only {
        display: inline-block;
      }
    `]

https://stackblitz.com/edit/angular-htjnu7?file=app/app.component.ts

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Create an account Log In
View
Type
Status
Category