Hide/Remove "+New Event" Button

Hi, Im using react js and react native. Web view is working fine but when I view my application in mobile device, scheduler component header having extra button like "+ New Event" how can I hide it or remove?


3 Replies 1 reply marked as answer

RM Ruksar Moosa Sait Syncfusion Team April 12, 2022 09:27 AM UTC

Hi Joshua,


You can hide the +New Event button by overwriting the default CSS like the below.


.e-schedule
.e-new-event{

  displaynone;

}


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

Kindly try the above sample and let us know if this meets your requirement.


Regards,

Ruksar Moosa Sait


Marked as answer

JP Joshua Panganiban replied to Ruksar Moosa Sait April 13, 2022 05:54 AM UTC


278023541_1175046176601102_6772635085486786375_n.jpg 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?



RM Ruksar Moosa Sait Syncfusion Team April 15, 2022 08:03 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