@jamesharvey wrote:
Hello,
I have an app with 20 pages.
When I navigate to other page, I want my page to have a short loading effect before showing the next page.
All of the 20 pages can be navigated within each HTML page.
Is it possible to make each page load other page with a loading screen before showing finally navigating? I would like to have a loading progress bar showing up at the bottom of page.Thanks,
Posts: 1
Participants: 1
@dbreno wrote:
I’m using Ionic and I have a CRUD that creates a list of name “Item”:
See how the data is stored in firebase:
So, how to connect the list data created in my chart done in Chart.js?
I can create a static graph only, I would like the graphic to be dynamic and with the data stored in Firebase. On the X axis I want to put the variable “data” and on the Y axis the variable “numero”..HTML CODE:
.TS CODE:
import { Item } from ‘…/…/models/item/item.models’;public lineChartData:Array = [
{data: [-34, -78, 45, 65], label: ‘Humor’}
];public lineChartLabels:Array = [‘19/jun’, ‘20/jun’, ‘21/jun’, ‘22/jun’ ];
public lineChartColors:Array = [
{ // grey
backgroundColor: ‘rgba(148,159,177,0.2)’,
borderColor: ‘rgba(148,159,177,1)’,
pointBackgroundColor: ‘rgba(148,159,177,1)’,
pointBorderColor: ‘#fff’,
pointHoverBackgroundColor: ‘#fff’,
pointHoverBorderColor: ‘rgba(148,159,177,0.8)’
}
];
public lineChartLegend:boolean = true;
public lineChartType:string = ‘line’;
Could someone please help me connect Firebase to my chart?
Posts: 1
Participants: 1
@ericeslinger wrote:
I have had some issues with my ionic app in a couple of situations (in both safari and the ios app, I can’t kick off certain contenteditable interactions, and in no browser can my users select text for copypasta purposes).
It turns out all these problems stem from setting
user-select: none;on body, which is SUPER annoying. Did I miss something where this is necessary to make gestures work correctly? If I turn off that bit of css, my gestures all seem to still work.If it turns out this is critical to performance / behavior for something I haven’t yet noticed in my preliminary testing, I’ll just go and make sure I have unset that in the appropriate elements in my DOM tree (forum posts and so on) instead of just disabling that bit of CSS from the emitted ionic code.
Does anyone have insight into why it’s there and what it’s for?
Posts: 1
Participants: 1
@Adam1234 wrote:
Whenever I run my ionic firebase project using ionicDev I randomly get this error:
I am testing my project simultaneously on an S8 plus, iPhone 7, iPhone 5 and on the chrome browsers.
Each user is logged in to a different account using firebase auth.
The error appears on all four screens. I can click close in the top corner and the app continues to run as normal.The error can appear without me touching the screen. i.e. After the ionic project is finished building in ionicDev, after about 5 seconds the error will appear. It then appears at random intervals after.
I’m pretty sure this is a firebase auth issue but I can’t figure it out.
The specs of my ionic project can be seen in the picture.
Thanks
Posts: 1
Participants: 1
@Adam1234 wrote:
Whenever I run my ionic firebase project using ionicDev on IOS I randomly get this error:
This error seems to be entirely isolated to IOS devices.
It appears whether or not the user is logged in using firebase auth.
Posts: 1
Participants: 1
@winjoy1 wrote:
My own Real Android phone running everything fine. But some device include the Emulator with API 22 got white screen when the tabs change index but the initial tab page can show everything it should show!
the problem only happen when package app with --prod
The one that seems kind of like error is:Resource interpreted as Script but transferred with MIME type text/plain: "file:///android_asset/www/build/2.js".vendor.js:1 e.emain.js:1 nvendor.js:1 ivendor.js:1 t.loadvendor.js:1 t.loadvendor.js:1 t.getNavLinkComponentvendor.js:1 t.getComponentFromNamevendor.js:1 rvendor.js:1 ivendor.js:1 e.ivendor.js:1 e._loadLazyLoadingvendor.js:1 (anonymous function)polyfills.js:3 t.invokevendor.js:1 t._inner.t._inner.fork.onInvokepolyfills.js:3 t.invokepolyfills.js:3 r.runpolyfills.js:3 (anonymous function)polyfills.js:3 t.invokeTaskvendor.js:1 t._inner.t._inner.fork.onInvokeTaskpolyfills.js:3 t.invokeTaskpolyfills.js:3 r.runTaskpolyfills.js:3 opolyfills.js:3 e.invokeTaskpolyfills.js:2 ppolyfills.js:2 vResource interpreted as Script but transferred with MIME type text/plain: "file:///android_asset/www/build/8.js".vendor.js:1 e.emain.js:1 nvendor.js:1 ivendor.js:1 t.loadvendor.js:1 t.loadvendor.js:1 t.getNavLinkComponentvendor.js:1 t.getComponentFromNamevendor.js:1 rvendor.js:1 ivendor.js:1 e.ivendor.js:1 e._loadLazyLoadingvendor.js:1 (anonymous function)polyfills.js:3 t.invokevendor.js:1 t._inner.t._inner.fork.onInvokepolyfills.js:3 t.invokepolyfills.js:3 r.runpolyfills.js:3 (anonymous function)polyfills.js:3 t.invokeTaskvendor.js:1 t._inner.t._inner.fork.onInvokeTaskpolyfills.js:3 t.invokeTaskpolyfills.js:3 r.runTaskpolyfills.js:3 opolyfills.js:3 e.invokeTaskpolyfills.js:2 p
Posts: 1
Participants: 1
@sonicwong78 wrote:
I want to build my ionic 3 app as PWA.
I just added “browser” platform and build(ionic cordova build browser).
Upload the folders and files in “platforms/browser/www/” to server.But console still display “Angular is running in the development mode. Call enableProdMode() to enable the production mode.”.
Any body can help? I dont need cordova actually, but I think add browser platform in correct way other than just use the “www” folder in root.
Posts: 2
Participants: 2
@Timotheus wrote:
So I tried using Ionic Audio for Angular 4. I tried playing midi from local file but I get this error:
In my app.module.ts
import { IonicAudioModule, WebAudioProvider, CordovaMediaProvider, defaultAudioProviderFactory } from 'ionic-audio'; export function myCustomAudioProviderFactory() { return (window.hasOwnProperty('cordova')) ? new CordovaMediaProvider() : new WebAudioProvider(); } @NgModule({ declarations: [ ... ], imports: [ .. IonicAudioModule.forRoot(myCustomAudioProviderFactory) ], bootstrap: [IonicApp], entryComponents: [ .... ], providers: [ .... ] })In my html file
<ion-footer #footerReader> <ion-toolbar> <audio-track #myAudio [track]="track"> <div class="controls"> <audio-track-play dark [audioTrack]="myAudio"> <ion-spinner></ion-spinner> </audio-track-play> </div> <div class="progress"> <audio-track-progress-bar duration progress [audioTrack]="myAudio"> </audio-track-progress-bar> </div> </audio-track> </ion-toolbar> </ion-footer>In my ts file:
import { AudioProvider } from 'ionic-audio'; initializePlayer(){ this.track = { src: "http://localhost:8100/assets/midi/h1.mid", preload: 'metadata' } this.allTracks = this.audioProv.tracks; } playTrack(){ this.audioProv.play(this.track); } pauseTrack(){ this.audioProv.pause(this.track); }My directory:
Pls. help thanks
Posts: 1
Participants: 1
@frodoe7 wrote:
I found in the new ionic pro I can’t build for android/IOS
I have to upgrade my ionic pro account and pay …
is there any alternative free service to not pay every month ?
Posts: 1
Participants: 1
@soumenmanna wrote:
I have added side menu on two pages. None of them are home page. Toggling working for both the pages. But while navigate from one page to other page using side menu, toggling not working for the second page.
Here is my code for side menu for both pages
<ion-menu [content]="content"> <ion-header> <ion-toolbar> <ion-title>Menu</ion-title> </ion-toolbar> </ion-header> <ion-content> <ion-list> <button ion-item> Job Codes </button> <button ion-item> History </button> </ion-list> </ion-content> </ion-menu> <ion-nav id="nav" #content [root]="rootPage"></ion-nav> <ion-content> <button ion-button menuToggle>Toggle Menu</button> </ion-content>
Posts: 1
Participants: 1
@jagationic wrote:
without internet how we are going to transfer data from iphone to pc/mac in ionic app programatically.
The file will be generate by my app in the format of .csv or .pdf . I need this file in my pc from my iphone.
Posts: 1
Participants: 1
@jagationic wrote:
Is there any api to integrate Google drive to create a folder and save my app generated file for ios in ionic2
Posts: 1
Participants: 1
@nagarajsabhahith wrote:
Is i can build package without using ionic cloud in starter plan??
Posts: 1
Participants: 1
@Vartex05 wrote:
Hi i find out, that when i use back button on android(the one whith the arrow), it minimalize ionic app, but when i want to reactivate it, it loads like it is newly opened. Can i somehow control this behaviour?
Posts: 1
Participants: 1
@F2ostie wrote:
AWS has now published AppSync, a serverless GraphQL service based on Apollo with an offline-first SDK (for Javascript). I’m really tempted to play around with it.
I was wondering if anybody already had some experience with the platform? Or are there other people who are interested and/or opinionated about the combination Ionic/AppSync?
Posts: 1
Participants: 1
@Mickaelonic wrote:
Hello,
I am trying to send notifications using the firebase function and I have several problems!
First: How to put a badge?
Second: How to make a notification in back ground (when the application is off)
Third: How to make the notification in large (on android mobile …)
Thank you very much !
My Payload: const payload = { "notification": { "title": "Follower", "body": "Une personne vous a suivi.", "priority" : "high" }, "data": { "badge": "1" } };
Posts: 1
Participants: 1
@richardshergold wrote:
Can anyone tell me what the best steps are for finding out why an app might be causing a battery drain warning? Is it likely to be a memory leak? Could it be a case of not unsubscribing to a subscription of some sort when a component is removed from memory?
So far the warning appears only on one phone (a Samsung device running Android 7). A warning appears and on the Battery- Draining Apps screen our app is listed along with a message saying this app should be put to sleep to extend battery life.
Keen to know the best steps to take in order to find out why this is happening. Thanks.
Posts: 1
Participants: 1
@bellili wrote:
i’m using ionic framework version 2.2.3 , cordova 7.1.0 and node 8.9.2 when i’m running ionic build android ( after adding the paltform to the project ) .ANDROID_HOME and JAVA_HOME are well set .i’m getting the error below :
Posts: 1
Participants: 1
@markbackhouse wrote:
Hello! I’m trying to make the Pedometer Plugin fetch data from the last week (broken down day-by-day) in order to store it visually as a bar chart.
I am able to make the pedometer work in its most basic form, but it resets every time I restart the app.
I have tried to use the
successHandlerfunctionality in the GitHub repo for this plugin and my constructor code looks like this:var successHandler = function (pedometerData) { // pedometerData.startDate; -> ms since 1970 // pedometerData.endDate; -> ms since 1970 // pedometerData.numberOfSteps; // pedometerData.distance; // pedometerData.floorsAscended; // pedometerData.floorsDescended; }; // Begin pedometer tracking: this.pedometer.startPedometerUpdates(successHandler, onError).subscribe((data) => { this.steps = data.numberOfSteps; //this.weeklySteps[6] = data.numberOfSteps; //this.barChartData = [{data: this.weeklySteps}]; this.setPercentage(); this.ref.detectChanges(); });However, I’m getting the following errors when I try to run it in its most basic form:
Supplied parameters do not match any signature of call target (in reference to
startPedometerUpdates())Cannot find name ‘onError’ (understandable since I haven’t defined it anywhere, but it also doesn’t seem to be defined in any example code I’ve seen)
All I want is to display the past week’s step count like all the exercise-tracking apps do! Can anyone nudge me in the right direction? Many thanks!
Posts: 1
Participants: 1
@SEusmaniqbal wrote:
Some user are having a frozen app until they download the latest version. I have create this app in ionic 3. Can anyone tell whats wrong with this?
Posts: 1
Participants: 1
