hide certain fields from event editor window

[jose lara]

Hi, how can I remove the following fields from the editor window?

Location field, timezone checkbox and Description field

[Vinitha Devi Murugan]

Hi Jose, 

 

Syncfusion Greetings. 

 

We have removed location, description and timezone check box fields in using below CSS and same can be available in below link. 

 

https://stackblitz.com/edit/angular-hjfgrf-yn9r65?file=app.component.css 

.e-location-container, 

.e-time-zone-container, 

.e-description-row{ 

  display: none; 

} 

Regards, 

M.Vinitha devi 

[jose lara]

This works. thx

[Vinitha Devi Murugan]

Hi Jose, 

 

Thanks for your update. 

 

We are happy to hear that our solution has fulfilled your requirement.  

 

Regards, 

M.Vinitha devi 

[Samuel Botwe]

Hi Jose, 

 

Thanks for your update. 

 

We are happy to hear that our solution has fulfilled your requirement.  

 

Regards, 

M.Vinitha devi 

Hi, how can I remove the repeat field from the editor window using css?

[Vinitha Devi Murugan]

Hi Jose, 

 

Greetings from Syncfusion Support. 

 

We have removed repeat field from editor window using below CSS and same can be available in below link.  

 

Sample: https://stackblitz.com/edit/hide-repeat-field?file=app.component.css  

 

.e-recurrenceeditor .e-editor { 

  display: none; 

} 

 

Kindly try the above sample and let us know if you need further assistance. 

Regards, 

Vinitha 

[Samuel Botwe]

It worked. Thanks

[Nevitha Ravi]

Hi Samuel, 

You are most welcome..! please get back to us if you need any further assistance. 

Regards, 

Nevitha 

[Samuel Botwe]

Hi, I would like to customize the header text of the editor window using CSS

[Nevitha Ravi]

Hi Samuel, 

Thanks for your update. 

We have prepared a sample to customize the header text of editor window, which can be viewed from the following link. 

https://stackblitz.com/edit/editor-window-header-text-customization?file=app.component.css 

.e-schedule-dialog .e-dlg-header-content .e-dlg-header .e-title-text { 

  font-size: 20px; 

  color: #f52887; 

} 

Also you can change the header text with custom words by changing the appropriate localized word, please refer to the following UG. 

https://ej2.syncfusion.com/angular/documentation/schedule/editor-template/#how-to-change-the-editor-window-header-title-and-text-of-footer-buttons 

Pleased try the solutions and get back to us if you need any further assistance. 

Regards, 

Nevitha 

[Samuel Botwe]

Exactly what I needed. Thanks

[Nevitha Ravi]

Hi Samuel, 

You are most welcome..! We are glad that our provided solution meets your requirement. Please get back to us if you need any further assistance, we will be always happy to assist you. 

Regards, 

Nevitha