Posts

Showing posts from July, 2019

how to active side menu in ionic3

import { Component, ViewChild } from '@angular/core' ; import { Nav, Platform, AlertController, MenuController, Icon } from 'ionic-angular' ; import { StatusBar } from '@ionic-native/status-bar' ; import { SplashScreen } from '@ionic-native/splash-screen' ; import { HomePage } from '../pages/home/home' ; import { WelcomePage } from '../pages/welcome/welcome' ; import { Storage } from '@ionic/storage' ; import { NetworkInterface } from '@ionic-native/network-interface' ; import { Network } from '@ionic-native/network' ; import { ChangepasswordPage } from '../pages/changepassword/changepassword' ; @ Component ({ templateUrl: 'app.html' }) export class MyApp { @ ViewChild (Nav) nav : Nav ; rootPage : any ; pages : Array <{title : string ,icon : string , component : any }>; closelogin : boolean ; user : string ; username :...

how to reload page in ionic3

this . navCtrl . setRoot ( this . navCtrl . getActive (). component );

important css links and wordpress

https://wordpress.com/log-in?redirect_to=%2Fview%2Fmydreamsitecom.wordpress.com. https://mydreamsitecom.wordpress.com/ https://mdbootstrap.com/docs/jquery/css/hover-effects/ https://www.wpbeginner.com/wp-themes/how-to-create-a-custom-page-in-wordpress/ <?php echo get_template_directory_uri(); ?> <img class="sp-image" src="<?php echo get_template_directory_uri(); ?>/assets/media/components/b-main-slider/1.jpg" alt="slider" />

orangerover A problem occurred evaluating project ':app'. > Failed to apply plugin com.google.gms.googleservices.GoogleServicesPlugin

cordova plugin add cordova-android-play-services-gradle-release --variable PLAY_SERVICES_VERSION=12.+ cordova plugin add cordova-android-firebase-gradle-release --variable FIREBASE_VERSION=12. A problem occurred evaluating project ':app'. > Failed to apply plugin [class 'com.google.gms.googleservices.GoogleServicesPlugin'] > For input string: "+" https://github.com/OneSignal/OneSignal-Gradle-Plugin/issues/37

formarray

https://stackblitz.com/edit/angular-h3tmfe?file=src%2Fapp%2Fapp.component.html

text to speech in ionic3

ionic cordova plugin add cordova-plugin-tts npm install @ionic-native/text-to-speech@4

timer

https://medium.com/web-developer/create-a-stopwatch-ionic-3-angular-5-d45bc0358626 replace:   <ion-col class="col-12" *ngIf="!running && time == blankTime"> with   <ion-col class="col-12" *ngIf="!running"> translate pipe not working  remove this one also home.html <div class="stopwatch pt-3"> <h1 text-center class="color-white font-lg"> {{time}} </h1> <ion-grid> <ion-row text-center class="mt-5"> <ion-col class="col-12" *ngIf="!running && time == blankTime"> <button class="circle-button circle-button-bg font-md" ion-button (tap)="start()">{{ 'start' | translate }}</button> </ion-col> <ion-col class="col-12" *ngIf="running"> <button class="circle-button circle-button-bg...

errors in ionic3 project

Using "requireCordovaModule" to load non-cordova module "glob" is not supported. Instead, add this module to your dependencies and use regular "require" to load it. answer: Solved this problem by installing a lower version of cordova. Seems like every version of cordova that is > 8.1.1 breaks a number of plugins. For instance, the plugin cordova-sqlite-storage failed to install with the following error message: Failed to install 'cordova-sqlite-storage': CordovaError: Using "requireCordovaModule" to load non-cordova module "q" is not supported. Instead, add this module to your dependencies and use regular "require" to load it. To solve that issue, I simply removed cordova by calling  npm uninstall cordova -g  and then installed it globally again with  npm install -g cordova@8.1.1 After that fix, no more errors are getting displayed and cordova-sqlite-storage gets installed smoothly!! Installing ...

ionic3 backbutton function

ionViewDidEnter() { this .navBar.backButtonClick = () => { ///here you can do wathever you want to replace the backbutton event }; } export class Page { @ViewChild( 'navbar' ) navBar: Navbar; } import { NavController, NavParams, Navbar } from 'ionic-angular' ;