Card Template in Scheduler

[Tümer]

Hi,

How i can use card as a template in scheduler. Meanly, i want to show events as syncfusion card view. In addition, how can i change cell height according to the card items. 

Thanks

[Praveenkumar Narasimhanaidu]

Hi Tümer, 

Greetings from Syncfusion support..! 

We have validated your requirement “Card template in scheduler” and achieved your requirement with the help of event template in scheduler. You can change cell height according to your requirement using scheduler cssClass property. We have prepared sample with shared requirements which can be downloaded from following link. 

Sample: https://www.syncfusion.com/downloads/support/directtrac/163313/ze/EJ2-ASP-Core-card-template-scheduler159532561 

Index.cshtml 

<ejs-schedule id="schedule" height="550" selectedDate="new DateTime(2018, 2, 15)" views="@ViewBag.view" cssClass="schedule-cell-dimension"> 

    <e-schedule-eventsettings dataSource="@ViewBag.datasource" template="@ViewBag.template"></e-schedule-eventsettings> 

</ejs-schedule> 

 

HomeController.cs 

public IActionResult Index() 

{ 

    ViewBag.datasource = GetWebinarData(); 

    ViewBag.template = "<div class='template-wrap'><div class='e-card' ><div class='e-card-image'><div class='e-card-title'><div class='subject'>${Subject}</div></div></div> <div class='e-card-content' ><div class='description'>${Description}</div></div></div></div>"; 

    return View(); 

} 

 

Please refer to below UG links for more information. 

Cell Dimensions: https://ej2.syncfusion.com/aspnetcore/documentation/schedule/cell-customization/#setting-cell-dimensions-in-all-views 

Event Template: https://ej2.syncfusion.com/aspnetcore/documentation/schedule/appointments/#appointment-customization 

Card: https://ej2.syncfusion.com/aspnetcore/documentation/card/card-image/ 

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

Regards, 

Praveenkumar. 

[Tümer]

Hi,

Thank you for your answer. I am not allowed sign in the link you provided. Access Denied!

Regards,
Tümer

[Nevitha Ravi]

Hi Tümer, 

Thanks for your update. 

Could you please confirm whether you couldn’t download the shared sample or not able to refer the documentation link? Also please share the screenshot of the problem to help you out. 

Regards, 

Nevitha 

[Tümer]

Hi,

When i click the link, i'm directed to another page. 

Regards,
Tümer

Attachment: Capture_d4180f29.rar

[Nevitha Ravi]

Hi Tümer, 

Sorry for the inconveniences. 

Please find the proper downloadable link and let us know if you need any further assistance. 

https://www.syncfusion.com/downloads/support/forum/163313/ze/EJ2-ASP-Core-card-template-scheduler159532561664835320 

Regards, 

Nevitha