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

[Marcos]

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>

[Nick Iliev]

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

[Marcos]

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