Ionic – Snippets trash bin

Table of Contents TRASH BIN localgetJson() { const baseUrl = 'https://semi-quantitative.com/wobi/json_test/server.php'; const headers = {}; let requestUrl = `${baseUrl}`; console.log(requestUrl); this.http.get(requestUrl, { headers: headers, responseType: 'json' }).subscribe(data => { console.log(data);…

Continue Reading Ionic – Snippets trash bin

Protected: TEST

Table of Contents LINKS Starter-Code ionic g page "NAME_PAGE" ionic start "PROJECT_NAME" ionic serve ionic build cd myApp npm install npm install -g @ionic/cli ionic start myApp tabs cd myApp…

Continue Reading Protected: TEST

Ionic – Firebase Starter

Table of Contents LINKS Simon Grimm Firebase Starter-Code environment.ts export const environment = { production: false, firebaseConfig: { apiKey: "", authDomain: "", databaseURL: "", projectId: "", storageBucket: "", messagingSenderId: "",…

Continue Reading Ionic – Firebase Starter

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