@gigocabrera wrote:
I’m learning ionic 4 using the ionic-conference-app (even when it has not been fully updated to 4.0.0-rc.0 yet) and I want to have a different color background on each
ion-slidebut I don’t seem to get it right.I’m able to get the
ion-slideto change color but theion-headerdoes not change color, even when I haveion-contentfullscreen.Anybody has been able to show ion-slide with different color including the header?
Posts: 1
Participants: 1
@jarv81178 wrote:
Hi,
so in my feed page, when I press on a post, a modal is opened , I would then like to present the data from the post I pressed on (just the single post itself), please help
getPosts() { this.posts = [] let loading = this.loadingCtrl.create({ content: "Loading Feed..." }) loading.present() let query = firebase.firestore().collection("posts").orderBy("created", "desc").limit(this.pageSize) query.get() .then((docs) => { docs.forEach((doc) => { this.posts.push(doc) }) loading.dismiss() this.cursor = this.posts[this.posts.length -1]; }).catch((err) => { console.log(err) }) } openModal() { const mapModal = this.modal.create('MapPage', { data: this.posts }); mapModal.present(); }here is my repo: https://github.com/jbiddulph/pubs-feedy
feed.ts is the page I was working on
Posts: 1
Participants: 1
@iAbdalllah wrote:
Hello
How are you
I’m beginning in ionic and I have this code and I want any way to convert it into 12 hours with am and pmIs any one here will help please
Posts: 1
Participants: 1
@alarv wrote:
I have the following div:
<div contenteditable="true" (input)="onInput($event)" (keyup)="onKeyUp($event)" > </div>The input event doesn’t give me any information
The onKeyUp event always returns event.keyCode === 229, same for event.which. Is there anyway I can get the correct keyCode pressed on the android device?
Posts: 1
Participants: 1
@joseadrian wrote:
After the default splash screen fades out, the screen stays white on a iOS device (can’t test it on simulator, a weird dashboard thing appears instead of the app). I checked for javascript errors using Safari and there was nothing on the console. In the
elementstab I see the correct html but the phone screen is white. https://i.imgur.com/QFxahE3.pngPart of
config.xml(not os specific)<preference name="AutoHideSplashScreen" value="false" /> <preference name="ShowSplashScreen" value="false" /> <preference name="ShowSplashScreenSpinner" value="false" /> <preference name="ScrollEnabled" value="false" /> <preference name="android-minSdkVersion" value="19" /> <preference name="BackupWebStorage" value="none" /> <preference name="SplashMaintainAspectRatio" value="true" /> <preference name="FadeSplashScreenDuration" value="1000" /> <preference name="SplashShowOnlyFirstTime" value="false" /> <preference name="FadeSplashScreen" value="true" /> <preference name="SplashScreen" value="screen" /> <preference name="SplashScreenDelay" value="3000" />On
app.component.tsinitializeApp() { this.platform.ready().then(() => { alert('Success'); // THIS RUNS this.splashScreen.hide(); }); }Ionic info
Ionic: ionic (Ionic CLI) : 4.2.1 Ionic Framework : @ionic/angular 4.0.0-beta.15 @angular-devkit/build-angular : 0.7.5 @angular-devkit/schematics : 0.7.5 @angular/cli : 6.1.5 @ionic/angular-toolkit : 1.0.0 Cordova: cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1) Cordova Platforms : android 6.4.0, ios 4.5.5 Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.2.0, (and 9 other plugins) System: Android SDK Tools : 25.2.2 ios-deploy : 1.9.4 ios-sim : 3.1.1 NodeJS : v8.11.3 npm : 6.2.0 OS : OS X El Capitan Xcode : Xcode 8.2.1 Build version 8C1002Plugins
cordova-plugin-device 2.0.2 "Device" cordova-plugin-ionic-keyboard 2.1.3 "cordova-plugin-ionic-keyboard" cordova-plugin-ionic-webview 2.2.0 "cordova-plugin-ionic-webview" cordova-plugin-network-information 2.0.2-dev "Network Information" cordova-plugin-screen-orientation 3.0.1 "Screen Orientation" cordova-plugin-splashscreen 5.0.2 "Splashscreen" cordova-plugin-statusbar 2.4.2 "StatusBar" cordova-plugin-whitelist 1.3.3 "Whitelist" cordova-plugin-x-toast 2.7.2 "Toast" es6-promise-plugin 4.2.2 "Promise" phonegap-plugin-barcodescanner 8.0.0 "BarcodeScanner" phonegap-plugin-mobile-accessibility 1.0.5-dev "Mobile Accessibility"
Posts: 1
Participants: 1
@tonyawad88 wrote:
Hello,
I have a brand new ionic project with no additional modules or code, using the sidemenu template, and it takes on average 5 seconds
to compile using
ng serve. Is that normal?Also a brand new angular project using
ng newtakes about 500 to 800ms to compile, significantly faster than when the ionic module is included. Thoughts?I have the latest node (11.x.x) , also the latest angular cli 7.1.x
Thank you!
Posts: 1
Participants: 1
@flycoders_sourav wrote:
How to open base64 to image in PhotoViewer
am using this plugin
Thanks i advance
Posts: 1
Participants: 1
@NiranjanGowdaCM wrote:
I am building an application using the media capture plugin https://ionicframework.com/docs/native/media-capture/ . The application works fine in android version v5, v6 and v7 but crashing in android version 8.i am using media capture plugin version 3.0.2.
i have referred https://github.com/apache/cordova-plugin-media-capture/issues/96 and https://github.com/apache/cordova-plugin-media-capture/issues/95 but with no success.
here is my ionic info output:
cli packages: (/usr/lib/node_modules)
@ionic/cli-utils : 1.19.2 ionic (Ionic CLI) : 3.20.0global packages:
cordova (Cordova CLI) : 8.0.0local packages:
@ionic/app-scripts : 3.2.0 Cordova Platforms : android 7.1.4 Ionic Framework : ionic-angular 3.9.2System:
Node : v8.11.3 npm : 6.3.0 OS : Linux 4.15Environment Variables:
ANDROID_HOME : not setMisc:
backend : proi am facing some problems in chrome developer tools so sorry i am not able to post my debug info using chrome developer tools.
any help would be greatly appreciated.
Thanks in advance
Posts: 1
Participants: 1
@karthikaivel wrote:
Hi,
I have one Android Application using ionic v 3.I need to Automatically send SMS and Push Notification for when payment has expired or before expired.how to do that? for example Like Jio application automatically notified by data percentage notification.Anybody have a solution.Please give me a solution…
Posts: 1
Participants: 1
@karthikaivel wrote:
Hi,
I have one ionic application v 3 .I need to configure referral code and how to access that.anyone have a solution,Please give me a solution…
Posts: 1
Participants: 1
@poojawajge wrote:
I have created custom scheme but still after click on link app does not open.
I want to open product details page for e-commerce app, (e.g. myappdemo://productdetails/31), after share link.
Posts: 1
Participants: 1
@masifnawaz wrote:
I have changed the color of searchbar clear button, search icon and placeholder for ios in variable.scss file but now I want different color for three of them in a different page so far this is what i’ve tried and it’s not working:
variable.scss
$searchbar-ios-input-placeholder-color:white;
$searchbar-ios-input-search-icon-color:white;
$searchbar-ios-input-clear-icon-color:white;my-page.scss
.searchbar-ios .searchbar-clear-button{
color:black;
}
searchbar-ios .searchbar-search-icon{
color:black;
}
Posts: 1
Participants: 1
@nature225 wrote:
Hello,
its me… I dont find any solution for my Problem. I dont get my Bearer Token in variable.here is my header and my script ![
Header:
Script:
Can anyone help me pls.
How can i get this Bearer Token and can save it in Localstorage. Any solutions?
Posts: 2
Participants: 2
@louis5017 wrote:
Hello i’m actually using ionic 4, i’ve got the following error
File to import not found or unreadable: C:\Users\lolef\Desktop\ionic-epubjs\src\theme\ionic.globals.scss.
[ng] in C:\Users\lolef\Desktop\ionic-epubjs\src\theme\variables.scss (line 15, column 1)here is how i writed my import in variable.scss
@import “ionic.globals”;
Posts: 1
Participants: 1
@billnye123 wrote:
Hi all,
I’ve been experiencing the bug shown in the video for quite some time and have no idea how to fix it. This bug only happens on iOS.
This bug occurs on both ionic v3 and v4. I migrated my app over to ionic v4 because I thought the problem was with v3 but it was not.
I have tried deploying this app on both an iPhone 5 and an iPhone 8 plus and both of them have the same bug.
Basically this bug happens about one week after i deploy on the device. The app will be working fine at first with all functionality, and after some time this bug will appear.
Can anyone help me? I have no idea how to get started fixing this. The video shown below is ionic v4. Thank you.
Ionic:
ionic (Ionic CLI) : 4.6.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.0.0-rc.0
@angular-devkit/build-angular : 0.11.4
@angular-devkit/schematics : 7.1.4
@angular/cli : 7.1.4
@ionic/angular-toolkit : 1.2.2Cordova:
cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : android 7.1.4, ios 4.5.5
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.3.1, (and 4 other plugins)System:
ios-deploy : 1.9.4
ios-sim : 7.0.0
NodeJS : v11.5.0 (/usr/local/Cellar/node/11.5.0/bin/node)
npm : 6.5.0
OS : macOS Mojave
Xcode : Xcode 10.1 Build version 10B61
Posts: 1
Participants: 1
@georgechapman wrote:
I have just built my first Ionic 4 (angular) app.
ionic build --prodLooking inside my “www” folder there are 885 files… yes I typed that correctly… 885 files!!
having read a couple of threads I understand the need to chunk the JS is a feature designed to increase the load time however why does it generate a separate SVG file for every single IOS, MD and Logo ionicon? Surely the most sensible approach would be to only generate files for the icons that have been used. I can only assume that if this is the approach then when it compiled the 185 JavaScript files it did so for a good number of components that i’m not using either.
Is there a way of creating a build that only the complies the components / icons that i am using?
Thanks
Posts: 1
Participants: 1
@maximegouin wrote:
Hi everyone,
I’m trying to run a function when my list is loaded. To do this, I’m using ngFor to get my data from my array but for one field I need to call a function with a property from this array.
Do you know how can I do it?This is my code:
<ion-row *ngFor="let rank of rank"> <ion-col col-4 onload="getName({id: rank.id})"> // Want my team name here </ion-col> <ion-col col-2> {{rank.played}} </ion-col> <ion-col col-2> {{rank.goal_in}} : {{rank.goal_out}} </ion-col> <ion-col col-2> {{rank.difference}} </ion-col> <ion-col col-2> {{rank.points}} </ion-col> </ion-row>but here my function getName is not called
thanks for your time
Posts: 1
Participants: 1
@nadeems wrote:
I need cordova or ionic plugin that enables wifi peer to peer connection and communication . i have tried a cordova plugin that scan wifi devices enable hotspots and other stuff , not for send and recieve data from peer to peer devices.
is there any other solutions too , that can help.
thanks
Posts: 1
Participants: 1
@richardshergold wrote:
We have built an app that we would like to make available to desktop browsers as well as mobile devices. The app is an Ionic 3 app and is now in the Apple and Android app stores.
I knew there might be some compromises involved when it came to making the app function fully in a browser. The main issues we are having is the user experience when pressing Back, Forward and Refresh buttons i.e the way the app handles routing. Being an Ionic 3 app it uses the standard NavController push and pop for routing.
Our dilemma right now is whether we are better off trying to get the application working on the Web as an Ionic 3 application (i.e by possibly using Angular routing for the browser and NavController routing for mobile) or by migrating the application to Ionic 4 where Angular Routing could be used across all three platforms.
The app is fairly complex in size (40 odd components, over a dozen plugins and also uses NGRX Store for state management). On the mobile side it also supports iOS 9+ and Android 4.4+
After some advice really - would we be better off working on getting the Ionic 3 app working on the web as well as mobile or should we start to migrate now?
(also - does anyone know if Ionic 4 supports iOS 9 - the docs say it has been tested in iOS 10+ which doesn’t make me hopeful) ?
thanks
Posts: 1
Participants: 1
@JensOlleOlsson wrote:
Hi,
What if I have select options that are too wide for the standard width of the ion-select component? I would like to widen the select popover so that the whole option is visible.
Is there someone who has encountered this problem and have a solution?
All the best.
Posts: 5
Participants: 2
to compile using 
How can i get this Bearer Token and can save it in Localstorage. Any solutions?