Change color of DataBound Values

[Arturo Martinez]

I want to change the color of the $10,000 number its showing my scheduler, im adding this value onDataBound(), how can i update the color to:

#fa6d7c

[Ashokkumar Karuppasamy]

Hi Arturo Martinez,

Thank you for reaching out us!

We suggest overriding the schedule resource group cell styles to meet your requirements. The attached code snippet and sample demonstrate the solution below. 

Please try the solution and let us know if you need any further assistance.

Sample: https://stackblitz.com/edit/angular-dsaysv84-fx7tnbuz?file=src%2Fapp.component.ts,src%2Fapp.component.html,src%2Fapp.component.css

  [app.cpmponent.html]

    <ejs-schedule #scheduleObj [timeScale]="timeScale" width='100%' cssClass='timeline-resource-grouping' (renderCell)="onRenderCell($event)" height='650px'

      [selectedDate]="selectedDate" [group]="group" [workDays]="workDays" [eventSettings]="eventSettings">

 

}

[app.component.ts]

    styles: [`

    .timeline-resource-grouping.e-schedule:not(.e-device) .e-agenda-view .e-content-wrap table td:first-child {

        width: 90px;

    }

    .timeline-resource-grouping.e-schedule .e-agenda-view .e-resource-column {

        width: 100px;

    }

    .timeline-resource-grouping.e-schedule .e-timeline-view .e-resource-group-cells {

       color:#fa6d7c

    }

    `],

  public onRenderCell(args) {

    if(args.elementType === "resourceGroupCells" && args.element.getAttribute('data-group-index') === '0') {

        console.log(args);

        args.element.innerHTML = "$1000";

    }

}

screenshot:

Regards,
Ashok