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

3 posts, 1 answers
  1. Marcos
    Marcos avatar
    2 posts
    Member since:
    Aug 2016

    Posted 23 Mar Link to this post

    Hi,

     

    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!

     

     Ex:

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

  2. Answer
    Nikolay Iliev
    Admin
    Nikolay Iliev avatar
    295 posts

    Posted 27 Mar 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.

    Regards,
    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 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