Ionic – Hide SideMenu

Table of Contents Code Hide Side Menu for a specific Page import { MenuController } from '@ionic/angular'; constructor(public menuCtrl: MenuController) { } ionViewDidEnter() { // the root left menu should…

Continue Reading Ionic – Hide SideMenu

Ionic – Hide Scrollbar

Table of Contents Code Hide Scrollbar ion-content { --offset-bottom: auto!important; //for Scroll ability --overflow: hidden; overflow: auto; &::-webkit-scrollbar { display: none; } // width: calc(100% + 15px); } Custom Scrollbar…

Continue Reading Ionic – Hide Scrollbar

Ionic – Split Pane Layout

Table of Contents Code IONIC - split pane component The Component Menu If you want a open/close butten for Desktops import { SIZE_TO_MEDIA } from '@ionic/core/dist/collection/utils/media' toggleMenu() { const splitPane…

Continue Reading Ionic – Split Pane Layout

Ionic – Side Menu

Table of Contents Code page.html TITLE app.component.html Name Title Add Product {{ nav.name }} app.component.scss .menu-header-bg { height: 180px; width: 350px; background: #fff; background: linear-gradient( 90deg, rgb(98, 140, 255) 0%,…

Continue Reading Ionic – Side Menu