Schedule cell customization - from 187047

[Satheesh Kumar]

Satheesh Kumar

Apr 4, 2024 

Hi

I have 1 more requirement. In the same calendar, when mouse is hovered over each cell i want to show 2 small hyperlink or buttons which are bottom aligned to the cell. These buttons are applicable for all cells with or without appointments. On clicking, 1 button, i want to show dialog for add functionality and on clicking another i want to navigate or show another div for view functionality. I tried using cell template logic but had couple of issues like:

1.buttons not getting bottom aligned

2.performance of calendar becomes slow

Can you please help me to achieve this with better performance?

Thanks 

[Ashokkumar Karuppasamy]

Hi Satheesh Kumar,

Based on the details provided, we have created a sample to achieve the schedule cellTemplate. When the mouse is hovered over each cell, two buttons will be shown, bottom-aligned to the cell. We have suggested adding some styles to the buttons to meet your requirements. The attached code snippet and sample below demonstrate the solution. Please try it and let us know if you need any further assistance.

Sample: https://stackblitz.com/edit/customize-cell-template-for-adding-button-on-hove-gaeatr?file=index.js,index.css,package.json,index.html

Regards,
Ashok