JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Scheduler › WindowCustomizationFuction Edit Repeating Event › Reply To: WindowCustomizationFuction Edit Repeating Event
December 15, 2021 at 5:49 pm
#102658
Yavor Dashev
Participant
Hi Ede Gross,
I have created a code snippet to showcase how to handle such situation.
In your JavaScript:
<div>
<div> scheduler.windowCustomizationFunction = (target, type, event, e) => {</div>
<div> if (type === 'confirm') {</div>
<div> let footerTemplate= target.querySelector('.smart-footer');</div>
<div> footerTemplate.style.display = 'none';</div>
<div> let btnElementEditEvent = document.createElement('smart-button');</div>
<div> let btnElementEditSeries = document.createElement('smart-button');</div>
<div> btnElementEditSeries.classList.add('smart-scheduler-window-button');</div>
<div> btnElementEditEvent.classList.add('smart-scheduler-window-button');</div>
<div> btnElementEditSeries.classList.add('edit-series');</div>
<div> btnElementEditEvent.classList.add('edit-event');</div>
<div> btnElementEditSeries.innerText = 'Edit series';</div>
<div> btnElementEditEvent.innerText = 'Edit event';</div>
<div> btnElementEditEvent.ariaLabel = 'edit-event';</div>
<div> let confirmEl = document.getElementById('schedulerConfirmWindowContent');</div>
<div> confirmEl.appendChild(btnElementEditEvent);</div>
<div> confirmEl.appendChild(btnElementEditSeries);</div>
<div> btnElementEditEvent.onclick = () => {</div>
<div> scheduler.windowCustomizationFunction = null;</div>
<div> }</div>
<div> btnElementEditSeries.onclick = () => {</div>
<div> scheduler.windowCustomizationFunction = null;</div>
<div> }</div>
<div> }</div>
<div> }
</div>
</div>
<div>Let me know if this works for you!</div>
<div></div>
<div>Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/</div>