Bryntum Support Forums

When the resource name comes too large the sidebar expands too much...

How can I add an ellipsis to the resources name and reduce the width of the sidebar?

Specs:

• Calendar v4.3.3

Regards

I think I remember putting a maxWidth on it in a recent version.

But if I’m mistaken, you can reconfigure any part of the UI:

https://www.bryntum.com/docs/calendar/api/Calendar/view/Calendar#config-sidebar

Excellent @Animal, I already add a maxWidth to the Sidebar and it works!!!

But, just one last thing, how can I put some ellipsis characters at the end of a large name resource by CSS ? ... because I already add to the class b-list-item like so:

And, how can I add a tooltip with the large complete name when the user do a mouse hover to this resource in the Sidebar?

Regards

Hi licjapodaca,
You need to wrap the text into another span by defining custom https://bryntum.com/docs/calendar/api/Scheduler/widget/ResourceFilter#config-itemTpl and apply your styles to it.

Excellent @Alex, it works