Add image and text under resource name

[chevron]

Hello,

I'd like to know how is it possible to add image and text under the resource name, like this :

[Vinitha Devi Murugan]

Hi chevron, 

 

Syncfusion Greetings 

 

You can customize the resource header bar using resourceHeaderTemplate option of the scheduler for the same we have prepared the below sample.  

 

https://stackblitz.com/edit/angular-dttnyp-uke5ok?file=app.component.html 

 

  <ng-template #resourceHeaderTemplate let-data> 

        <div class='template-wrap'> 

          <div class="{{getEmployeeImage(data)}}"></div> 

          <div class="resource-details"> 

            <div class="resource-name">{{getEmployeeName(data)}}</div> 

            <div class="resource-designation">{{data.resourceData.designation}}</div> 

          </div> 

        </div> 

      </ng-template> 

 

Kindly refer below API and UG link. 

https://ej2.syncfusion.com/angular/documentation/api/schedule/#resourceheadertemplate 

https://ej2.syncfusion.com/angular/documentation/schedule/resources/#simple-resource-header-customization 

https://ej2.syncfusion.com/angular/documentation/schedule/resources/#customizing-resource-header-with-multiple-columns 

 

Regards, 

M.Vinitha devi