So i made a workaround by rendering both views in the same sideDrawer and toggling visibility of the content depending on the button i click.
What i need to do is to change drawerLocation from my component.
heres my current component:
66 public openDrawer() {
67 this.isNavigation = true;
68 this.drawer.showDrawer();
69 }
70
71 public openSearch() {
72
73 // I want something like this here
74 this.drawer.drawerLocation = "Bottom";
75
76 this.isNavigation = false;
77 this.drawer.showDrawer();
78 }
1 <RadSideDrawer #drawer>
2 <StackLayout tkDrawerContent class="sideStackLayout">
3 <StackLayout class="sideStackLayout">
4 <StackLayout [class]="isNavigation ? 'visible': 'hide'">
5 <Label text="Dashboard" [nsRouterLink]="['/dashboard']" class="sideLabel"></Label>
6 <Label text="My profile" [nsRouterLink]="['/profile', currentUserId.getValue()]" class="sideLabel"></Label>
7 <Label text="Take a Picture" (tap)="takePicture()" class="sideLabel"></Label>
8 <Label text="Take a Video" (tap)="takeVideo()" class="sideLabel"></Label>
9 <Label text="Jobs" [nsRouterLink]="['/jobs']" class="sideLabel"></Label>
10 </StackLayout>
11 <StackLayout [class]="isNavigation ? 'hide': 'visible'">
12 <Label text="Dashboard" [nsRouterLink]="['/dashboard']" class="sideLabel"></Label>
13 </StackLayout>
14 </StackLayout>
15 </StackLayout>
16 <StackLayout tkMainContent>
17 <ActionBar title="" class="actionbar-designed">
18 <GridLayout horizontalAlignment="center" verticalAlignment="center">
19 <Image src="res://avatar" horizontalAlignment="left" class="profile-avatar" [nsRouterLink]="['/profile', currentUserId.getValue()]"></Image>
20 <Label horizontalAlignment="left" class="message-bubble" text="4"></Label>
21
22 <GridLayout columns="auto, auto" horizontalAlignment="center" (tap)="openDrawer()">
23 <Label class="section-name" text="Dashboard"></Label>
24 <Label col="1" class="fa arrow-down" text=""></Label>
25 </GridLayout>
26
27 <Label horizontalAlignment="right" minWidth="35" class="fa search" (tap)="openSearch()" text=""></Label>
28 </GridLayout>
29 </ActionBar>
30 <ng-content></ng-content>
31 </StackLayout>
32 </RadSideDrawer>
Thanks!