Reducing the size of group cells in timeline grouping in blazor scheduler component

[Vincent Chapallaz]

Hello, 

I am looking to reduce only the size of the group cells in the Timeline Grouping in Blazor Scheduler Component without changing the size of the resource cells. I have included a sample project that reduces only the group cells, but unfortunately, it causes incorrect positioning of the appointments on the grid. 

How can I do that?

Attachment: SchedulerGroupCellExample_9da9bcd3.zip

[Swathi Ravi]

Hi Vincent ,

 

You can resolve your reported issue by enabling the Scheduler's EnableAutoRowHeight  property, as demonstrated in the below shared snippets. 

 

[index.razor]

 

<SfSchedule TValue="AppointmentData" Height="550px" EnableAutoRowHeight=true></SfSchedule>

 

Sample: Attached as a zip.

Output:

 

Regards,

Swathi Ravi

[Vincent Chapallaz]

Thank you for your quick response. 

Indeed, the appointments are better positioned. 

However, I see that it creates a gap between the resources and the calendar that increases as you scroll down.

[Vincent Chapallaz]

And I found another issue: if you don't expand the cell groups and try to move appointments, everything gets misaligned.

Try to move an appointment as shown in the image below, and you'll understand what I mean.

 

[Swathi Ravi]

Vincent,

 

Q1: I see that it creates a gap between the resources and the calendar that increases as you scroll down.

 

You can resolve this issue by overriding the padding values of resource tree icon and resource text, as demonstrated in the below shared snippets.

 [index.razor]

    .e-schedule .e-timeline-view .e-resource-tree-icon {

        padding: 1 12px;

    }

 

    .e-schedule .e-timeline-view .e-resource-text {

        padding: 0 12px;

    }

Sample: Attached as a zip file.

Q2: if you don't expand the cell groups and try to move appointments, everything gets misaligned.

 

You can resolve this issue by maintaining the minimum height for each row.

Attachment: blazorschedulerresourcecellcsscustomization_7ef24143.zip