Customization of appointment informations in all views (Day, Week, Month)

[Alfredo]

Hello.
I'm trying to understand how to customize the information displayed within an appointment, for example in the weekly (but also daily or monthly) view.
What I noticed is that, by default, they are displayed, in the order:
1. Subject
2. Start time - End time (appointment)
3. Location (if set)

How do I (for example) reverse this order?
How do I (for example) view only the appointment start time?
How do I (for example) inhibit the display of 'localization' even if this is set?
How can I (for example) view the description (of the appointment) and / or any other personalized information relating to the appointment?

Ultimately, how to customize the information relating to the appointments displayed in any of the scheduler 'views'.

I hope someone is able to provide me with these answers.
In the meantime, thank everyone who wants to give me his attention.

[Ravikumar Venkatesan]

Hi Alfredo, 

Greetings from Syncfusion support. 

You can achieve all appointment customization with the help of eventTemplate of the EJ2 Angular Schedule. We have prepared a sample with EventTemplate which is available in below link. 

Sample: https://stackblitz.com/edit/angular-schedule-event-template-customization-x87hwf?file=app.component.html 

You can customize the appointment with the eventTemplate like below code. 

<ejs-schedule #scheduleObj width='100%' height='600px' [selectedDate]="selectedDate" [eventSettings]="eventSettings"> 

    <ng-template #eventSettingsTemplate let-data> 

        <div class='template-wrap' [style.background]="data.PrimaryColor"> 

          <div class="location" [style.background]="data.PrimaryColor">Location: {{data.Location}}</div> 

          <div class="time" [style.background]="data.PrimaryColor">Start Time: {{getTimeString(data.StartTime)}}</div> 

            <div class="subject" [style.background]="data.PrimaryColor">{{data.Subject}}</div> 

            <div class="description" [style.background]="data.PrimaryColor">Custom Description: {{data.CustomDescription}}</div> 

        </div> 

    </ng-template> 

</ejs-schedule> 

Kindly try the above sample and get back to us for further assistance. 

UG (Using eventTemplate): https://ej2.syncfusion.com/angular/documentation/schedule/appointments/#using-template 

Demo (Using customized eventTemplate for individual view): https://ej2.syncfusion.com/angular/demos/#/material/schedule/events-template 

UG (Adding custom fields to appointments): https://ej2.syncfusion.com/angular/documentation/schedule/appointments/#adding-custom-fields 

Regards, 

Ravikumar Venkatesan 

[Alfredo]

Thanks for your informations

Regards, 

Alfredo

[Vengatesh Maniraj]

Hi Alfredo, 

Thanks for the update. 

Please get in touch with us if you need any further assistance. 

Regards, 

Vengatesh