[Solved] How to set the size on TreeList?

[Ciprian Daniel]

Hello,
Now the TelerikTreeList component is rendered by default with the css class k-grid-md.
On the TelerikGrid component the Size can be set so the grid can be rendered with the css class k-grid-sm.

I would need the possibility to set on TelerikTreeList component the css class k-grid-sm.
How can that be achieved now?

Best regards,
Cipri

[Justin]

This answer was using information regarding a different component and as such it was incorrect and has been removed. 

Regards,
Justin
Progress Telerik

[Rob]

I'm using the latest release of the components; if I add your suggested Size="sm" the treelist disappears from the rendered view. It also doesn't seem to be recognised by visual studio as a valid property. 

I simply want consistency between grid and treelist row size.

I'm rendering a hierarchical data set if that matters.

 

Thanks

 

Rob

[Rob]

crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
      Unhandled exception rendering component: Object of type 'Telerik.Blazor.Components.TelerikTreeList`1[[Metre2.Snowdrop.Shared.Schema.Estimating.EstimateNode, Metre2.Snowdrop.Shared, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null]]' does not have a property matching the name 'Size'.
System.InvalidOperationException: Object of type 'Telerik.Blazor.Components.TelerikTreeList`1[[Metre2.Snowdrop.Shared.Schema.Estimating.EstimateNode, Metre2.Snowdrop.Shared, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null]]' does not have a property matching the name 'Size'.
 

[Justin]

Hello Rob,

Yes, the previous answer was incorrect. I apologize for any inconvenience that this may have caused. The TreeList component does not currently have a Size parameter. 

That being said, you may manually adjust the CSS to create consistency between the size of the Treelist and a Grid that is set to Size="sm". To help with this see our article on how to Override Theme Styles.

Also, I have created an example in this REPL, that uses inline CSS to override the default size of the Treelist in order to be consistent with the size of a small grid.

Regards,
Justin
Progress Telerik

[Chuck]

Is there any plan to add support for the Size property on the TelerikTreeList component?

[Dimo]

@Chuck

We will add a TreeList Size parameter in the next Telerik UI for Blazor release.

In the meantime, you can set Class="k-grid-sm" to the TreeList to get the desired look.

<TelerikTreeList Class="k-grid-sm" />

We are introducing the Size parameter gradually to various components, depending on customer demand.