We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Add image and text under resource name

Hello,

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



1 Reply

VD Vinitha Devi Murugan Syncfusion Team October 24, 2019 06:59 AM UTC

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.  
 
 
  <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. 
 
Regards, 
M.Vinitha devi 


Loader.
Up arrow icon