Resource column width react schedule

[Nikola Škeva]

I want to make the resource column wider in all timeline views. I have cars as resources and in the resource cell for each car I have an avatar and a description but it doesn't fit. I'm working in react class component.

Attachment: ss_50ee9289.rar

[Venkateshwaran Saravanakumar]

Hi Nikola,

Sample: https://stackblitz.com/edit/react-schedule-resourcecolumn-width-9cvqpe?file=index.js,index.css

You can achieve your requirement of making the resource column wider in all timeline views by overriding the default Scheduler CSS styles, as demonstrated in the code snippet below.

[index.js]

<ScheduleComponent

            cssClass="timeline-resource-grouping"

            width="100%"

            height="650px"

            selectedDate={new Date(2023, 0, 4)}

            currentView="TimelineDay"

            workDays={workDays}

            eventSettings={{ dataSource: data }}

            group={{ resources: ['Projects', 'Categories'] }}

          >

[index.css]

.timeline-resource-grouping.e-schedule .e-timeline-view .e-resource-left-td,

.timeline-resource-grouping.e-schedule .e-timeline-month-view .e-resource-left-td{

    width: 300px;

}

Regards,
Venkatesh

[Nikola Škeva]

Hey thank you for the answer, is there any way I can make the column resize to fit the biggest content from all of the cells.

[Satheesh Kumar Balasubramanian]

Hi Nikola,

According to the current schedule architecture, we will not predict the length of the resource text. You have to set the standard width as mentioned in the previous update.

Regards,

Satheesh Kumar B