Nativescript RadSideDrawer - Another sideDrawer (bottom) inside router-outlet

Thread is closed for posting
3 posts, 1 answers
  1. Marcos
    Marcos avatar
    2 posts
    Member since:
    Aug 2016

    Posted 23 Mar 2017 Link to this post



    My application uses a main RadSideDrawer on the left that contains a menu inside of the tkDrawerContent and a router-outlet inside of the tkMainContent... and one of the pages (inside tkMainContent) needs other sideDrawer in the bottom.  

    I tried include the other RadSideDrawer inside this page, but is not working (showing a white page).

    Is it possible this scenario?? How can I do this?


    Thank you!



    <RadSideDrawer #drawer [transition]="sideDrawerTransition" selectionBehavior="None">
      <StackLayout tkDrawerContent class="drawer-content">
          <IneaMenu class="drawer-menu" source="drawer"></IneaMenu>
      <StackLayout tkMainContent>
        <router-outlet></router-outlet>    <--- Here i need a page with a RadSideDrawer in the bottom

  2. Answer
    Nikolay Iliev
    Nikolay Iliev avatar
    351 posts

    Posted 27 Mar 2017 Link to this post

    Hi Marcos,

    At this very moment, the RadSideDrawer control is not supporting multiple drawers on the same page.

    Depending on the business logic of your application one possible workaround would be to change the position of your side drawer and provide new data for the drawer content that will be loaded at the bottom.Example showing how to control the position of your side drawer programmatically can be found here.

    Other possibilities are to create your toolbar at the bottom using NativeScript controls like SegmentedBar.

    Nikolay Iliev
    Telerik by Progress
    Did you know that you can open private support tickets which are reviewed and answered within 24h by the same team who built the components? This is available in our UI for NativeScript Pro + Support offering.
  3. Marcos
    Marcos avatar
    2 posts
    Member since:
    Aug 2016

    Posted 27 Mar 2017 in reply to Nikolay Iliev Link to this post

    Thank you very much for the quick response.

    That way I'll try another alternative ..

    Just to note, the application was working normally with two SideDrawers, and stopped working because I needed to update the Telerik UI version, due to the need to use the webpack.

    Thank you
Back to Top