Radial Tree layout doesn't respect container size

4 posts, 1 answers
  1. Wipatel
    Wipatel avatar
    3 posts
    Member since:
    Sep 2014

    Posted 08 Oct 2014 Link to this post

    Greetings, Telerik!

    In out project we use diagram with all available types of layout.
    Almost all layout types works great but radial tree behaves weird and it's unclear how the one can fix it without your help.
    Mostly, we have a lot of containers in diagram and when radial tree is applied it looks fine, but when container that was placed above is expanded it is placed above and connected container isn't visible. Attached file can explain it better than thousand words.

    In project we agreed to use next TreeLayoutSettings (regarding Radial tree)
    StartRadialAngle = 1.0,
    EndRadialAngle = 6.5,
    RadialFirstLEvelSeparation = 150.0,
    RadialSeparation = 150,
    KeepComponentsInOneRadialLayout = true,
    I believe that OrgTreeRouter means nothing when layout is being done.
    Also we're filling collection of Roots for settings according to some rules (mostly the root will be the shape/container with outgoing connections).

    Is it possible for radial tree to respect margins and place containers with some margins?

    Thanks in advance! 
  2. Martin
    Admin
    Martin avatar
    1099 posts

    Posted 13 Oct 2014 Link to this post

    Hello Wipatel,

    Thank you for the attached images. However, it is not very clear for me what is your expected result and how you created your current visualization. Can you please send us a sample project demonstrating your implementation? This will help me in better understanding your scenario and assist you further. Also, it would be helpful if you can provide me with another image demonstrating the desired result and additional information about your scenario.

    Thank you for any help you can provide.

    Regards,
    Martin
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for WPF is Visual Studio 2017 Ready
  4. Wipatel
    Wipatel avatar
    3 posts
    Member since:
    Sep 2014

    Posted 15 Oct 2014 in reply to Martin Link to this post

    Hello, Martin.
    Thanks for a reply.

    I attached a small example that might get you closer to my problem with Radial layout. (renamed *.7z archive).
    When layout is rendered, the most items are visible and they don't hide each other. Each expand/collapse operation calls layout method.
    When you expand any container above, then connected container is not moved anywhere so it is just partially visible, it just stays where it was rendered. 
    Please, can you give any advice in order to achieve proper layouting? Or is it possible at all?

    Regards!

  5. Answer
    Martin
    Admin
    Martin avatar
    1099 posts

    Posted 20 Oct 2014 Link to this post

    Hi Wipatel,

    Currently, the reported behavior cannot be altered easily. However, you can try different combinations of settings for the TreeLayoutSettings and see if they will help you to adjust the layout properly. Another approach you can use is to subscribe for the DiagramLayoutComplete event of RadDiagram and re-position the overlapped shapes so that they are located on the expected positions.

    For example, in the IsCollapsedChanged event handler you can get the collapsed/expanded container. Then in the DiagramLayoutCompleted you can get the containers that should be affected by the layout and modify their positions so that they don't overlap one another.

    Regards,
    Martin
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top