Remove/Hide "+ New Event" Button

How can I remove or hide "+ New Event" button that can be found at scheduler header.


3 Replies 1 reply marked as answer

VM Vengatesh Maniraj Syncfusion Team April 13, 2022 04:34 AM UTC

Hi Joshua,


You can hide the "+New Event" icon from the Scheduler header by overriding the below CSS class.


.e-schedule.e-device .e-toolbar-item.e-add {
  displaynone !important;
}




Please find the same in the below sample and get back to us if you need any further assistance.

Sample: https://stackblitz.com/edit/react-perjbn?file=index.css


Regards,

Vengatesh


Marked as answer

JP Joshua Panganiban replied to Vengatesh Maniraj April 13, 2022 05:55 AM UTC

Thank you, it helps me a lot. How can I customized Event selection? In Mobile View when I click the event it occupied the whole screen and goes below the app bar. Is it possible to resize the event selection popup or the overlap the app bar?278023541_1175046176601102_6772635085486786375_n.jpg



RM Ruksar Moosa Sait Syncfusion Team April 15, 2022 08:04 AM UTC

Hi Joshua,


Thanks for the update.


We have validated your requirement at our end and you can modify the size of the event popup window by overwriting the default CSS like the below.


.e-quick-popup-wrapper.e-device.e-lib.e-popup.e-control.e-popup-open {

  height240px
!important;

  top90px
!important;

}


Output:

Table

Description automatically generated


Sample: https://stackblitz.com/edit/react-x9ryhr?file=index.js


Kindly try the above sample and get back to us if you need any further assistance.


Regards,

Ruksar Moosa Sait


Loader.
Up arrow icon