quickinfotemplates add Custom buttons

[Gabriele Guidi]

Hello,

how can I add a custom button in QuickInfo pop up?

I see this section:

https://ej2.syncfusion.com/aspnetcore/documentation/schedule/editor-template/?no-cache=1&_ga=2.9895797.1796156291.1600250534-1771433055.1581438045#customizing-quick-popups

and I need to add a custom button in example in the footer, and do some custom action to the event (appointment data) related to this button.

It's possible,

thank you very much,

[Balasubramanian Sattanathan]

Hi Gabriele Guidi, 

Greetings from Syncfusion Support. 

We have validated your requirement “quickinfotemplates add Custom buttons” at our side and let you know that we can achieve it by making use of the popupOpen event like the below code snippet. 

<script type="text/javascript"> 

    function onPopupOpen(args) { 

        if (args.type === "QuickInfo") { 

            if (args.target.classList.contains("e-appointment")) { 

                document.getElementById("e-event-custom").addEventListener('click', function () { 

                    console.log("event custom button clicked"); 

                }); 

            } 

            else { 

                document.getElementById("e-cell-custom").addEventListener('click', function () { 

                    console.log("cell custom button clicked"); 

                }); 

            } 

        } 

    } 

</script> 

Sample: https://www.syncfusion.com/downloads/support/forum/157905/ze/Core_Sample2137541470.zip 

UG: https://ej2.syncfusion.com/aspnetcore/documentation/schedule/editor-template/#customizing-quick-popups 

Online demo : https://ej2.syncfusion.com/aspnetcore/Schedule/QuickInfoTemplate#/material 

Kindly try the above solution and let us know if this is helpful. 

Regards, 

Balasubramanian S