Change apperance of TreeView (Specific example)

3 posts, 0 answers
  1. ThomasBem
    ThomasBem avatar
    2 posts
    Member since:
    Apr 2012

    Posted 20 May 2015 Link to this post

    Is it possible to make the RadTreeView control behave / look like the attached image. The styling of each different element shouldnt be any problem, they are very simple. But i'm unsure if its possible to achieve the overall look.

    I have a collection of Product Lines, each Product Line has a collection of one or more Product Familys, and each Product Family has a collection of Products.

    Product Lines shall stack up vertically.

    Product Familys shall be added to the right of its Product Line, and expand vertically.

    Products shall be added to the right of its Product Family and grow horisontally.


    Is this possible with RadTreeView? If not is there any other control that would be more suitable for this task?

    Best regards,

  2. Martin
    Martin avatar
    1048 posts

    Posted 22 May 2015 Link to this post

    Hi Thomas,

    The described layout is not supported by RadTreeView. However, it should be possible to implement it with custom styles (using the ItemContainerStyleSelector of RadTreeView), but such effect will require heavy customization with rotations of the items and their ItemsPanels.

    You can consider using the RadDiagram control instead. You can implement custom shapes or use the default one with Null Geometry to create the product items. Then you can implement logic for positioning the elements in the diagram control. You can also take a look at our demos and SDK examples. Please check out the diagram and let me know if it works for you.

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. DevCraft banner
  4. ThomasBem
    ThomasBem avatar
    2 posts
    Member since:
    Apr 2012

    Posted 22 May 2015 in reply to Martin Link to this post

    Thanks for getting back to me so quickly!

    After a little more testing on our own we decided to move away from using RadTreeView. We briefly considered implementing something using RadDiagram, as we have used that previously with great sucess. But in the end we decided to go back to basics and just implement it using standard Silverlight controls (Grids, Borders, Stackpanels, Textblocks etc).

    It turned out pretty good. So we are happy with our current solution :)

Back to Top