ionic3

I want to remove the inbuilt grey small caret from ion-select , and use my custom caret(arrow) instead. Code: ion-select { color: grey; background:url("/assets/resources/img/ArrowDownConfig.svg") no-repeat 92% center !important; } But my css code is unable to precedence over the ionic(inbuilt). You can see there are two arrows in the image, one is inbuilt and another is custom. I want to remove inbuilt(ionic) one. I don't know how to fix, faced same problem, but it seems to be issue with DOM Shadow If you will find anything, let to know as well please, thanks. Update: Found some answer UPDATE

Im read and install this Angular SVG round progressbar for my ionic project , but its not working for me, https://github.com/crisbeto/angular-svg-round-progressbar how to correctly added for this my page? please help me to fix this displayed this error Error: Template parse errors: Can't bind to 'current' since it isn't a known property of 'round-progress'. 1. If 'round-progress' is an Angular component and it has 'current' input, then verify that it is part of this module. 2. If 'round-progress' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component

I want to perform some action after Bluetooth connection is done and vice versa. Handled scenarios for connection and added success and failure handler also, and changing a flag to True and False in those handler functions. I printed that value using console.log, it changes in a component file but does not reflect in HTML. I tried using ngZone , but it's not working. Success and failure handle code are as follows: BluetoothService import { Injectable } from "@angular/core"; import { BLE } from '@ionic-native/ble'; @Injectable() export class BlueToothService { constructor(private ble: BLE){ }

I run a simple demo to use cordova-plugin-qrscanner, it can scan qrcode but no camera preview. qrscannerDemo on Github Related code blow: import { Component } from '@angular/core'; import { NavController } from 'ionic-angular'; import { AndroidPermissions } from '@ionic-native/android-permissions'; import { QRScanner, QRScannerStatus } from '@ionic-native/qr-scanner'; @Component({ selector: 'page-home', templateUrl: 'home.html' }) export class HomePage { constructor(public navCtrl: NavController, public androidPermissions: AndroidPermissions, public qrScanner: QRScanner) { } qrscanner() { //

This question already has an answer here: Running “cordova build android” - unable to find attribute android:fontVariationSettings and android:ttcIndex 27 answers I get following error while running the command "ionic cordova build android --stacktrace" : :generateDebugResources :mergeDebugResources :processDebugManifest :processDebugResources ERROR: In <declare-styleable> FontFamilyFont, unable to find attribute android:fontVariationSettings FAILED ERROR: In <declare-styleable> FontFamilyFont, unable to find attribute android:ttcIndex I am using following tools on Window's: Editor : VScode

Is there a way to detect that ionic serve CLI is running (and then not on a real device) in the program and use it as a conditional. My issue : I have a Cordova plugin that sends back an answer to Cordova. When I was using Ripple, it offered to chose the value of the callback to be sent back to JavaScript (to emulate the plugin result). I notice that Ionic2 does not do that when I run in a browser. So to ease my dev and make it possible to test it on a browser (and not build to the real device constantly), I would like to be able to check in the program if the ionic serve CLI is running. In

I am trying to use the recently added LoadingController this way : let loading=this.load.create({ content: "Connexion au serveur Migal en cours..." }); loading.present(); this.http.get(this.urlCheckerForm.value.migalUrl+'/action/MobileApp/URLChecker') .map(res => res.json()) .subscribe( data => this.newConnection(data,loading), error => this.catchURLError(loading)); loading.dismiss(); Basically, I just want to display my loading pop-in before my page is loaded, and dismiss it after. I followed the example on Ionic 2 Documentation , but it doesn't seem to work at all... EDIT : The loading

I'm trying to return a boolean after a promise resolves but typescript gives an error saying A 'get' accessor must return a value. my code looks like. get tokenValid(): boolean { // Check if current time is past access token's expiration this.storage.get('expires_at').then((expiresAt) => { return Date.now() < expiresAt; }).catch((err) => { return false }); } This code is for Ionic 3 Application and the storage is Ionic Storage instance. You can return a Promise that resolves to a boolean like this: get tokenValid(): Promise<boolean> { // | // |----- Note this additional return statement. // v

I'm having this issue with Ionic Storage, this is the complete stack trace: core.es5.js:1084 ERROR Error: Uncaught (in promise): QuotaExceededError: at c (polyfills.js:3) at c (polyfills.js:3) at polyfills.js:3 at t.invokeTask (polyfills.js:3) at Object.onInvokeTask (core.es5.js:4140) at t.invokeTask (polyfills.js:3) at r.runTask (polyfills.js:3) at o (polyfills.js:3) at IDBTransaction.invoke (polyfills.js:3) I'm using the settigs servis as recommended in Ionic super template. this is happening testing on browser (Chrome) By chance, tonight I discovered that the hard disk of my windows PC was

I have got above error after generating build in ionic3 I have tried a lot of solution but not working tell me, anyone, how to fix above error? below I have to include //Project-properties file. I have tried below solution but did not work for me : Android: Getting "Manifest merger failed" error after updating to a new version of gradle https://forum.ionicframework.com/t/solved-ionic-run-android-com-android-support-conflicting-v26-alpha1-and-v25-3-1/91826/19 //Project-properties file target=android-26 android.library.reference.1=CordovaLib cordova.system.library.1=com.razorpay:checkout:1.4.6