TreeView Node Item Width Problem

[smith]

HI

 i am binding the TreeView  using Hierachical DataSource .
for my problem is  i Have Six Parent  nodes User  can add the child Parameter in  the Six Paraent nodes.
i gave color for all Parent Items (pls see the attachment)
When i  have add the Parameter Width of the ParentItem is Also increase . so color also increase in the node  it is look like ugly , i want if i add the Child parameter no need expand the width of the  Parent  Noides.
Pls see the Three  attachment
first one is before adding the child parmerter
second is after add the multiple Child Paramerer
third one is if remove the child parameter still in Same width.
how to fix the Node Width ?

[Vladislav]

Hello smith,

Can you please, send us a sample application in which you encountered this problem?
We think that the problem is in the way you apply color to your Parent Nodes.

In the attached demo application you can find an alternative way to apply color to Parent Nodes. With the button you can add as many children of the first Parent Node as you wish.

Please, let us know if this helps you.

All the best,
Vladislav
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Miroslav]

Hello smith,

Thank you for the screenshots, they demonstrate the problem.

I had a look at your question and I can suggest setting the HorizontalContentAlignment property to Left for the RadTreeViewItems.

Since the TreeView is databound it is best to assign an ItemContainerStyle that will set this property on the items.

Does this work for you?

Regards,
Miroslav
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[smith]

HI

I tried for this but it is not worked

it is the problem in telerik Demo  also.

while adding the Parameter child node increase the width but parent node also change the width
how to fix the width for each raditem

pls see the  screen shot above post

Actually I am giving the Color Dynamically using ItemPrepared event
we cant set back ground  because it is not supporting DataBinding . so i am done there

e.PreparedItem.Background = color;

one more thing is  i seen the Wof application there they set it as back ground in xaml
also While select time select will come only the content it is going up to the width
based on the Treeitemcontent selected will come . it is look  ugly
how to resolve this issue .

[Ivan]

Hi smith,

To get the desired result you should edit the TreeViewItem theme. Please give it a try and let us know if you need further assistance.

Regards,
Ivan
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[smith]

HI

i need one example for apply ng this
pls provide the result

[smith]

HI

 I am not  able  to solve this issue.

if select the TreeNode it should select only  the content no need to extent the selection , because if it is  add multi child nodes tree node selection is big . also each node item i gave color , so the node color also increase , i hope so i gave screen shot in  above post.
pls give the solution as early as possible.

[Kiril Stanoev]

Hi Murugan,

Please find attached a sample project containing the edited ControlTemplate of RadTreeViewItem, where the HorizontalAlignment of the header element is set to Left. Let me know how this works for you.

Kind regards,
Kiril Stanoev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[yjh]

When using data binding and HierarchicalDataTemplate, how to do it?

RadTreeView had better provide a property or itemstyle to limit the item width.

[Kiril Stanoev]

Hello Yjh,

You can use RadTreeView's ItemContainerStyle property. Please see the attached project for further reference.

On a side note, I'd like to inform you that we've just released an online tool that allows you to reduce the size of your Silverlight applications. For more information, please visit http://blogs.telerik.com/blogs/posts/10-06-10/telerik_assembly_minifier.aspx

Greetings,
Kiril Stanoev
the Telerik team

[yjh]

Thanks Kiril Stanoev and your team.