Thread ID: |
Created: |
Updated: |
Platform: |
Replies: |
143149 | Mar 6,2019 01:00 PM UTC | Nov 13,2019 09:23 AM UTC | Angular - EJ 2 | 9 |
![]() |
Tags: Schedule |
<ejs-schedule #schedule height='650px' [(selectedDate)]="selectedDate" [eventSettings]="eventSettings">
<ng-template #quickInfoTemplatesHeader let-data>
<ng-container [ngTemplateOutlet]="data.elementType == 'cell' ? cellHeader : eventHeader" [ngTemplateOutletContext]="{data:data}"></ng-container>
</ng-template>
<!-- Content Template -->
<ng-template #quickInfoTemplatesContent let-data>
<ng-container [ngTemplateOutlet]="data.elementType == 'cell' ? cellContent : eventContent" [ngTemplateOutletContext]="{data:data}"></ng-container>
</ng-template>
<ng-template #cellContent let-data="data">
<div class="e-cell-content">
<form class="e-schedule-form">
<div style="padding:10px">
<input class="subject e-field" type="text" name="Subject" placeholder="Title" style="width:100%">
</div>
<div style="padding:10px">
<input class="location e-field" type="text" name="Location" placeholder="Location" style="width:100%">
</div>
</form>
</div>
</ng-template>
<ng-template #eventContent let-data="data">
<div class="e-event-content" style="padding:10px">
<div class="subject" style="padding-bottom:10px">Subject: {{data.Subject}}</div>
<div class="start-time" style="padding-bottom:10px">Start: {{data.StartTime.toLocaleString()}}</div>
<div class="end-time" style="padding-bottom:10px">End: {{data.EndTime.toLocaleString()}}</div>
<div class="location" style="padding-bottom:10px">Location: {{data.Location}}</div>
<div class="description" style="padding-bottom:10px">Description: {{data.Description}}</div>
</div>
</ng-template>
</ejs-schedule> |
Hi Anthony,Thanks for your update.We have achieved your requirement by adding e-subject class in quickInfo cell template. Please find the below sample link.<ng-template #cellContent let-data="data"><div class="e-cell-content"><form class="e-schedule-form"><div style="padding:10px"><input class="e-subject e-field" type="text" name="Subject" placeholder="Title" style="width:100%"></div><div style="padding:10px"><input class="location e-field" type="text" name="Location" placeholder="Location" style="width:100%"></div></form></div></ng-template>Kindly try with the above link and let us know, if you need any further assistance on this.Regards,M.Vinitha devi
This post will be permanently deleted. Are you sure you want to continue?
Sorry, An error occured while processing your request. Please try again later.
This page will automatically be redirected to the sign-in page in 10 seconds.