Hello Thomas,

To toggle the visibility (or existence) of specific elements, you need to write custom code that interacts with already available services (like the Side Drawer service) or hides/shows view elements. Below you can find examples on how to remove the Side Drawer icon and disable its swipe gesture, and hide the Tabs navigation.

import { Inject, Injector } from '@angular/core';
import { HomeViewBaseComponent } from '@src/app/modules/system/home/home.base.component';
import { SideDrawerService } from '@src/app/core/services/side-drawer.service.tns';
import { isIOS } from 'tns-core-modules/platform';

export class HomeViewComponent extends HomeViewBaseComponent {
    constructor(@Inject(Injector) injector: Injector) {
        super(injector);

        // Disable SideDrawer (removes the Hamburger menu and disables the swipe gesture)
        const sideDrawerService = injector.get(SideDrawerService);
        (sideDrawerService as any).forceDisable = true;

        // Hide Tabs
        const sideDrawer = (sideDrawerService as any).sideDrawer;
        const hideTabs = (shouldHide) => {
            const frame = sideDrawer.mainContent.currentPage;
            if (!frame || !frame.firstChild || !frame.firstChild.firstChild) {
                setTimeout(() => hideTabs(shouldHide));
                return;
            }

            const proxyViewContainer = frame.firstChild;
            const tabView = proxyViewContainer.firstChild;
            if (isIOS) {
                tabView.viewController.tabBar.hidden = !!shouldHide;
            } else {
                tabView._tabLayout.setVisibility(shouldHide ? -1 : 0);
            }
        };

        hideTabs(true);
    }
}

I hope this is of any help.

Regards,

Garo