We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Unable to inline edit when using eventTemplate

Hi,


When allowInline is set to true, and a custom eventTemplate is being used to render events, then it is impossible to perform inline editing due to incorrect query selectors.


Error:


DOM:



The issue is that the inline edit function expects the default cell template which looks like this:



Please support custom inline edit templates.


4 Replies 1 reply marked as answer

SR Swathi Ravi Syncfusion Team October 20, 2022 12:12 PM UTC

Hi Jack,


Greetings from Syncfusion support.


We have validated your reported issue at our end and confirmed this as a bug and logged the defect report "Unable to inline edit when using eventTemplate" which can be tracked from the following link.


https://www.syncfusion.com/feedback/38576/unable-to-inline-edit-when-using-eventtemplate


The fix for this defect will be included in our upcoming weekly patch release which is expected to be rolled out by the 1st week of November 2022. We would appreciate your valuable patience until then.


Note:

In meantime, we suggest you use div with e-inner-wrap class in eventTemplate as shown below, and the same is available in the below-shared sample.


[index.js]

 function eventTemplate(props) {

    return (

      <div className="e-inner-wrap">

        <div className="e-subject">{props.Subject}</div>

        <div className="time">Time: {getTimeString(props.StartTime)} -{' '} {getTimeString(props.EndTime)}</div>

        <div className="location">{props.Location}</div>

      </div>

    );

  }


Sample: https://stackblitz.com/edit/react-8kuxzs-8ndjzu?file=index.js


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


Regards,

Swathi Ravi


Marked as answer

JD Jack Dunn October 20, 2022 01:25 PM UTC

Hi Swathi,


Thanks for your suggested fix, that has unblocked us with inline editing. It would be great to have complete control over the inline editing template within our custom event template, but this fix is 



RV Ravikumar Venkatesan Syncfusion Team October 21, 2022 12:39 PM UTC

Hi Jack,


Thanks for the update.


We are happy that our suggested fix helped you. We tried to validate your query “It would be great to have complete control over the inline editing template within our custom event template, but this fix is” at our end. But, we are unable to understand your query at our end. Can you kindly share more details about your requirement?

                                            

Regards,

Ravikumar Venkatesan



VD Vinitha Devi Murugan Syncfusion Team November 9, 2022 11:05 AM UTC

We are glad to announce that our Essential Studio 2022 Volume 3 SP release v20.3.0.56 is rolled out and is available for download under the following link. In this release, an issue with “unable to inline edit when using eventTemplate” has been fixed. As a result, we recommend you upgrade to the latest version of our Syncfusion packages to avail yourself of those changes.


https://www.syncfusion.com/forums/178709/essential-studio-2022-volume-3-service-pack-release-v20-3-0-56-is-available-for-download


Release notes: https://ej2.syncfusion.com/documentation/release-notes/20.3.56/?type=all#schedule

Feedback: https://www.syncfusion.com/feedback/38576/unable-to-inline-edit-when-using-eventtemplate


We thank you for your support and appreciate your patience in waiting for this release. Please get in touch with us if you would require any further assistance.


Loader.
Live Chat Icon For mobile
Up arrow icon