Scheduler - How to display a full width resource header

[Lee Stevens]

Hi,

I would like to have the resource headers that are displayed in the calendar to be the full width of the calendar in timeline views instead of having a small resource header followed by a load of work cells that you can't really do anything with.

I'd like the highlighted blue bit below to use the full width and display above the red section that I have highlighted. This will allow for additional information/controls to be added.

What's the best approach?

Thanks in advance, Lee.

[Ruksar Moosa Sait]

Hi Lee,

We have checked on your requirement and suggest you increase the height and width of the resource cells like the below code.

<style>

        .e-schedule .e-timeline-view .e-resource-cells,

        .e-schedule .e-timeline-month-view .e-resource-cells,

        .e-schedule .e-timeline-view .e-work-cells,

        .e-schedule .e-timeline-month-view .e-work-cells {

            height: 80px;

        }

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

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

        .e-schedule .e-timeline-view .e-work-cells,

        .e-schedule .e-timeline-month-view .e-work-cells {

            width: 300px;

        }

    </style>

We also suggest you try the above solution in Vertical views (Day, Week, WorkWeek) to meet your requirement.

Let us know if you need any assistance.

Regards,

Ruksar Moosa Sait

Attachment: ResourceHeader_914c2014.zip

[Lee Stevens]

Hi Ruksar,

I don't believe this is what I was asking for, apologies if I wasn't clear enough. I can change the width of the header section no problem, however this then pushes all of the work cells to the right. Anything I put in the header also appears beneath the remaining work cells (In case of text it appears truncated) like so:

Using your example css, I have set the width to 1000px. As you can see all of the work cells for the dates get pushed to the right. I would want it to appear something like this:

Effectively the header row should be a single cell spanning all columns under the dates, this allows me to put any additional controls buttons etc that I need that on the header bar using the full width. The way it is at the moment, the header cells that get drawn beneath the dates are pointless. You can style them sure, but it is difficult to interact with them or display anything meaningful in that space.

Having played with various position settings, I can't get the resource header width to span the full width under the columns without breaking the scrolling or something else.

I look forward to your insight.

Kind regards,

Lee

[Ravikumar Venkatesan]

Hi Lee,

We have validated your requirement “Effectively the header row should be a single cell spanning all columns under the dates, this allows me to put any additional controls buttons, etc that I need on the header bar using the full width.” at our end. We regret to let you know that according to the current Schedule architecture we didn’t able to make the resource header row should be a single cell spanning all columns under the date. You can increase the height and width of the resource header as we suggested in our last update. There you add additional controls, buttons, etc.

Kindly let us know if you need any further assistance.

Regards,

Ravikumar Venkatesan