RadSideDrawer: Location

RadSideDrawer can be can be located at each side of the screen (top, bottom, right, left).
Setting the location can be done by setting the drawerLocation property to one of the following value:

  • Top
  • Bottom
  • Left
  • Right
<RadSideDrawer [drawerLocation]="currentLocation" tkExampleTitle tkToggleNavButton>
export class SideDrawerPositionComponent extends DependencyObservable implements OnInit {
    private static selectedLocationIndexProperty = new Property(
        "selectedLocationIndex",
        "SidedrawerPositionComponent",
        new PropertyMetadata(
            undefined,
            PropertyMetadataSettings.None,
            SideDrawerPositionComponent.onSelectedLocationIndexPropertyChanged));
    private static locationsProperty = new Property(
        "locations",
        "SidedrawerPositionComponent",
        new PropertyMetadata(
            undefined,
            PropertyMetadataSettings.None));
    private static currentLocationroperty = new Property(
        "currentLocation",
        "SidedrawerPositionComponent",
        new PropertyMetadata(
            undefined,
            PropertyMetadataSettings.None));

    constructor(private page: Page, private _dataService: DataService, private _changeDetectionRef: ChangeDetectorRef) {
        super();
        this.page.on("loaded", this.onLoaded, this);
    }

    public onLoaded() {
        if (this.drawer.android) {
            this.drawer.android.setDrawerCloseThreshold(20);
        }
    }

    ngOnInit() {
        this.locations = new ObservableArray(this._dataService.getDrawerLocations());
        this.currentLocation = SideDrawerLocation.Left;
        this.selectedLocationIndex = 0;
    }

    @ViewChild(RadSideDrawerComponent) public drawerComponent: RadSideDrawerComponent;
    private drawer: SideDrawerType;