This question is locked. New answers and comments are not allowed.
Hi, I'm looking for a solution for an app-level sideDrawer, and found this interesting demo on github https://github.com/DrMabuse23/nativescript-nested-navigationtests
It run for iOS as is, but on my app I would like to have a sideDrawer on the right, so I update the demo and
if I add the
drawerLocation="Right"
on app-components/home/home.component.html file,
the sideDrawer show a strange empty bar on his area, after I choice the help link, then I reopen the sidedrawer.
I tried to see if it is a problem with css, or with a pageTransition tag that is present in the GridLayout showed below: I removed the tag, the css class but nothing adjusted the sidedrawer behavior
In Android, after some adjustments on css files, it run well also with the right location
<
MainActionBar
></
MainActionBar
>
<
RadSideDrawer
#drawer
drawerLocation
=
"Right"
(drawerOpening)="onDrawerOpening()"
(drawerOpened)="onDrawerOpened()"
(drawerClosing)="onDrawerClosing()"
(drawerClosed)="onDrawerClosed()"
[transition]="sideDrawerTransition"
selectionBehavior
=
"None"
>
<
StackLayout
tkDrawerContent
class
=
"sidedrawer-left"
>
<
ScrollView
row
=
"0"
col
=
"2"
>
<
StackLayout
class
=
"sidedrawer-content"
>
<
GridLayout
class
=
"sideLightGrayLabel"
>
<
Label
text
=
"ACCOUNT"
class
=
"sidedrawer-list-item-text"
></
Label
>
</
GridLayout
>
<
GridLayout
columns
=
"auto, *"
rows
=
"60"
class
=
"side-item"
pageTranstion
=
"leftSide"
>
<
Label
text
=
""
class
=
"fa sidedrawer-list-item-icon"
row
=
"0"
col
=
"0"
></
Label
>
<
Label
text
=
"login"
class
=
"side-label"
row
=
"0"
col
=
"1"
[nsRouterLink]="['/login']" ></
Label
>
<!-- see http://fontawesome.io/cheatsheet/ for icons -->
</
GridLayout
>
<
GridLayout
columns
=
"auto, *"
rows
=
"60"
class
=
"side-item"
>
<
Label
text
=
""
class
=
"fa sidedrawer-list-item-icon"
row
=
"0"
col
=
"0"
></
Label
>
<
Label
text
=
"help"
class
=
"side-label"
row
=
"0"
col
=
"1"
[nsRouterLink]="['/home/help']" ></
Label
>
</
GridLayout
>
<
GridLayout
class
=
"sideLightGrayLabel"
>
<
Label
text
=
"SETTINGS"
class
=
"sidedrawer-list-item-text"
></
Label
>
</
GridLayout
>
</
StackLayout
>
</
ScrollView
>
</
StackLayout
>
<
StackLayout
tkMainContent
class
=
"bg-primary"
>
<
router-outlet
></
router-outlet
>
</
StackLayout
>
</
RadSideDrawer
>