Events in ASP.NET CORE Timeline control

30 Jan 20251 minute to read

This section describes the Timeline events that will be triggered when an appropriate actions are performed. The following events are available in the Timeline control.

created

The Timeline control triggers the created event when the control rendering is completed.

@using Syncfusion.EJ2.Layouts;

<div class="container" style="height: 350px">
    <ejs-timeline id="timeline" created="function(args){ createdEvent() }">
        <e-timeline-items>
            <e-timeline-item content="Planning"></e-timeline-item>
            <e-timeline-item content="Developing"></e-timeline-item>
            <e-timeline-item content="Testing"></e-timeline-item>
            <e-timeline-item content="Launch"></e-timeline-item>
        </e-timeline-items>
    </ejs-timeline>
</div>

<script>
    function createdEvent() {
        // your required action here..
    }
</script>

beforeItemRender

The Timeline control triggers the beforeItemRender event before rendering each item.

@using Syncfusion.EJ2.Layouts;

<div class="container" style="height: 350px">
    <ejs-timeline id="timeline" beforeItemRender="function(args){ beforeItemRenderEvent(args) }">
        <e-timeline-items>
            <e-timeline-item content="Planning"></e-timeline-item>
            <e-timeline-item content="Developing"></e-timeline-item>
            <e-timeline-item content="Testing"></e-timeline-item>
            <e-timeline-item content="Launch"></e-timeline-item>
        </e-timeline-items>
    </ejs-timeline>
</div>

<script>
    function beforeItemRenderEvent(args) {
    // your required action here..
}
</script>