How to modify the width of the resource tree popup in SfScheduler compact view?

[Andrzej Stach]

I'm working with the SfScheduler component and facing an issue with the resource tree popup in compact/mobile view. When I click the resource menu icon (hamburger icon) in compact view, the resource selector popup appears, but it's too wide for my application's design.

Is there a proper way to customize the width of this resource popup? Are there any properties in the component API that control this, or a recommended CSS approach that will work reliably?

Thank you for your assistance.

Regards,

Andrzej

[Vijay Ravi]

Hi Andrzej Stach,
 

Based on your requirement to adjust the width of the resource tree popup in the SfScheduler compact view, you can override the default styles to modify the width. Please refer to the provided styles and sample for your reference.

[index.razor]
 

<style>

    .e-sidebar.e-right.e-open, .e-sidebar.e-left.e-open {

      width: 150px !important;

    }

</style>

Sample link: https://blazorplayground.syncfusion.com/hXBINcLMhgzosWHN

Don't hesitate to get in touch if you require further help or more information.

Regards,

Vijay