How to disable the Recurrence editor in Vue scheduler?

Hi.

I am building the schedule calendar using the Vue syncfusion scheduler.

But I have one problem.

How can I disable the Recurrence editor?

For example, when the schedule status is started, I want to disable the recurrence editor on popup.

How can I do this?

Please help me...

Thanks


3 Replies

VD Vinitha Devi Murugan Syncfusion Team August 23, 2021 11:17 AM UTC

Hi Alejandro, 
 
Greetings from Syncfusion support. 
 
We have validated your reported query “ How can I disable the Recurrence editor?at our end. We have achieved your requirement with the help of below CSS and for the same we have prepared the below sample. 
 
 
<style> 
.e-recurrenceeditor .e-editor { 
  displaynone; 
} 
</style> 
 
Kindly try with the above sample and get back to us if you need any further assistance. 
 
Regards, 
Vinitha 



AD Alejandro Diaz August 23, 2021 12:26 PM UTC

Thanks for your reply.

I checked your answer so it is helpful.

But I want to disable Recurrence editor. Not 'display none'.

It must display on the popup, but the user can't editable. must be able to Read only...

How to do it?




PN Praveenkumar Narasimhanaidu Syncfusion Team August 24, 2021 04:22 PM UTC

Hi Alejandro, 

Thanks for your update. 

We have validated your requirement “readonly recurrence editor” at our end and you can achieve this requirement with help of below code snippet using scheduler’s popupOpen event. we have also prepared sample for your reference which can be viewed from following link. 

 
App.vue 
onPopupOpen(args) { 
      if (args.type === "Editor") { 
        debugger; 
        var ddlObj = args.element.querySelectorAll(".e-dropdownlist")[2] 
          .ej2_instances[0]; 
        ddlObj.readonly = true; 
      } 
    }, 

 
Kindly try the above solution and get back to us if you need any further assistance. 
 
Regards, 
Praveenkumar 


Loader.
Up arrow icon