How to show only the appointment subject in the Daily and Week view

[dsapo]

Hi Support:

By default, the schedule widget shows two lines of text in each cell of the month and week view.

Would be possible to display only a single line of text (just the Subject) without the second line (the start and end time).

We need to display the appointment in the day and week view in the same way that is rendered in the month view (one line).

Thanks for your help.

David

[Karthigeyan Krishnamurthi]

Hi David, 

 

Thank you for contacting Syncfusion support. 

 

Appointment template can be used to achieve your requirement and for the same we have prepared the below sample which can be viewed from the below link. 

https://jsplayground.syncfusion.com/xgnuej4v 

UG: https://help.syncfusion.com/aspnet-core/schedule/templates#appointment-template 

 

<Code> 

<script id="apptemplate" type="text/x-jsrender"> 

    <div style="height:100%"> 

        <div>{{:Subject}}</div> 

    </div> 

</script> 

 

appointmentTemplateId: "#apptemplate" 

</Code> 

 

Note: Above sample is made in JS platform for your reference. 

 

Regards, 

Karthigeyan 

[dsapo]

Hi Karthigeyan:

In my view, I used the e-apptext class to set the font color of the appointment to black.  Then when I added the appointment template the font color changes to white.

I added another ticket related with a font color issue that your team is going to fix in the upcoming release:

https://www.syncfusion.com/forums/131976/fontcolor-in-the-categorization-is-being-ignored

Could you mention to your development staff that would be great that the fix of the fontcolor would apply also when an appointment template is used.

Thanks for your help

David 

[Karthigeyan Krishnamurthi]

Hi David, 

 

Thanks for your update. 

 

Appointment font color can be changed using template option and for the same we have prepared the sample which can be viewed from the below link. 

https://jsplayground.syncfusion.com/xgv2gqe2 

 

<Code> 

<script id="apptemplate" type="text/x-jsrender"> 

    <div style="height:100%"> 

        <div style="color:black">{{:Subject}}</div> 

    </div> 

</script> 

</Code> 

 

Regards, 

Karthigeyan 

 

[dsapo]

HI Karthigeyan:

My only issue with this is that there is an extra blank line after the Subject.  The Timeframe is being removed, but instead is showing an empty space.

What could be missing here?

Thanks for your help.

David

 

[Karthigeyan Krishnamurthi]

Hi David,  

  

Thanks for your update. 

We would like to inform that provided information is not sufficient for us and kindly conform whether your requirement is to remove the below colored area from the appointment element? If not kindly share the image/video demo which clearly depict your requirement to proceed further. 

 

Regards, 

Karthigeyan 

[dsapo]

HI Karthigeyan:

I am going to capture send you an image that will show my issue.

Thanks

David

 

[Karthigeyan Krishnamurthi]

Hi David,   

   

Thanks for your update. 

We will wait to hear from you. 

Regards, 

Karthigeyan