Keeping Expander expanded when navigating to different screens

2 posts, 0 answers
  1. Ronny
    Ronny avatar
    8 posts
    Member since:
    Mar 2012

    Posted 20 Jul 2012 Link to this post

    Good morning,

    I'm trying to set up an application configuration control with sketchflow. The result should look and function like the "settings" control of the google chrome browser. On the left I want some expanders holding the main entries. Each expander holds some buttons with more specific topics (Expander "Network" holds Buttons for "Connection", "Security",...) By clicking an expanded button I want to open the real settings page (custom control) on the right side of the expander menu. So each button open a different page but the menu on the left should always keep it's state. I tried to solve it by implementing one screen for each settings page which hold the expander menu on the left. Each button navigates to it's corresponding screen. But since every screen holds it own instance of the expander menu, the expander is always in it's default state when switching a screen (each expander is collapsed). I want the expander to be independant of each page . How can I solce this? How can I only switch the "settings" pages (custom control) and keep the expander on the left untouched? In sketch flow it seems that I only can switch whole screens and not only parts of it.

    Please help me! Thx
  2. Tina Stancheva
    Tina Stancheva avatar
    3298 posts

    Posted 25 Jul 2012 Link to this post

    Hello Ronny,

    There are multiple approaches that you can use to implement your scenario.

    For example if the information on the right part of the screen will have a similar structure but different data, you can use a master-detail approach. This means that you can define RadExpanders and RadButtons on the left of the main view, set their DataContext and use it to define the DataContext of a ContentControl defined in the right part of the view.

    Or if every button should open an entirely new view, then you can create a structure similar to the one in the attached sample.

    I hope this information will help you. Still let us know if we can further assist you.

    Tina Stancheva
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  3. DevCraft R3 2016 release webinar banner
Back to Top