@ahmadkam wrote:
I want to detect device pause and resume events in my page.
I used platform pause and resume methods and java script methods (
document add event listener pause and resume ) But these ways not worked for me.
can anyone help me to do this in ionic 4, please ?
Thank you
Posts: 1
Participants: 1
@roklenardic wrote:
Hi, I would like to extend my Ionic 3 app to provide the following functionality: when reading an NFC tag, my application is started and the read tag info is passed to it.
I cannot glue together a number of different articles to get this working as I am stuck already on app registration. When my app is installed on android, it does not appear in the list of offered apps that know how to handle NFC tags? How should this be configured in ionic/cordova/AndroidManifest.xml?
Thanks
Posts: 1
Participants: 1
@Deepak1233 wrote:
I have a situation where i have multiple records and i used in that *ngFor loop , so per record there is one button And I am trying to do is onclick change background of button so that it looks alike it is clicked
<div class="main" *ngFor="let data of fetched_info; let i=index"> <ion-grid no-padding no-margin> <ion-row no-padding no-margin class="row"> <ion-col col-4 no-padding no-margin> <button ion-button small icon-start color="secondary" outline (click)="shortlist($event,data[i].username)" class=""> <ion-icon ios="ios-star-outline" md="md-star-outline"></ion-icon> Shortlist </button> </ion-col> </ion-row> </ion-grid> </div>onclick of shortlist() function i want to make it happen
Posts: 1
Participants: 1
@kingjd wrote:
Ionic:
ionic (Ionic CLI) : 4.11.0 (C:\Users…\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : @ionic/angular 4.1.0-dev.201902142010.08fe8e4
@angular-devkit/build-angular : 0.12.2
@angular-devkit/schematics : 7.1.4
@angular/cli : 7.1.4
@ionic/angular-toolkit : 1.2.2Cordova:
cordova (Cordova CLI) : not installed
Cordova Platforms : android 7.1.4, browser 5.0.4, ios 4.5.5
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.3.2, (and 10 other plugins)System:
Android SDK Tools : 26.1.1 (C:\Users…\AppData\Local\Android\Sdk)
NodeJS : v10.15.1 (C:\Program Files\nodejs\node.exe)
npm : 6.4.1
OS : Windows 10
Hi,
I have built an Ionic 4 PWA and I would like to get the entire PWA crawled by Google. There are currently about 40 pages but I expect there to eventually be hundreds of pages .
Before I built the app I saw several PWA/Ionic sites saying that Ionic 4 PWAs are discoverable/crawlable by Googlebot. For example:
However I am having trouble with this, my site is in Google but as all I can see in Google cache for the index page of my site is “Please enable JavaScript to continue using this application.”, which is accompanied by a blank white page.
It looks like server side rendering(SSR) may be a solution to the problem but I am using lots of dynamic content which can quickly change a lot.
I am running the site on shared PHP/MySQL hosting so I can’t install any packages from shell. Stencil looks good but I am not sure if it will solve my problem.
My PWA received a SEO score of 100, a Performance score of 94 and a PWA score of 100 in Lighthouse.
I have tried to index different pages from my site in Google Search Console but they all appear as a blank screen in the Screenshot area. I also went to https://technicalseo.com/seo-tools/fetch-render/ which has 32 User-Agents and tried indexing my page on all the popular agents and none of them were able to render my page.
Could this be due to the version of JavaScript that Ionic is running? Or is it a timeout issue? Is a SSR system the solution for this problem and which one would be the best for Ionic 4?
If you want the URL of my site please send me a PM.
Any assistance would be appreciated.
Posts: 1
Participants: 1
@Abascal wrote:
Hello there.
I have a website, let’s say its
I have a separate APP, which is not on the website, but on play Store/app Store. I have set HomePage, in a lazy loaded way, as the rootPage of my APP:
I want to be able to go to SecondPage by clicking on a link like this:
I know I have to set the segment of the Component and all that stuff, but still, it only works with “/second” and never with “https://www.example.com/second”.
What can I do to make it work? Thanks.
Posts: 1
Participants: 1
@sonnywes wrote:
Hi all,
I’m trying to get my native ionic ios app (cordova) to make ajax requests.
App is: Ionic 4, Angular 7, iOS build
It works great as PWA directly via browser. However as native the https:// request to our api is not being sent out.index.html has:
<meta http-equiv=“Content-Security-Policy” content="img-src * ‘self’ data:; default-src * ‘self’ gap: ; style-src ‘self’ ‘unsafe-inline’; script-src ‘self’ ‘unsafe-inline’ ‘unsafe-eval’; ">config.xml has:
<access origin="" />
<allow-navigation href="" />
<allow-intent href="" />
<allow-intent href="https:///" />
<allow-intent href="tel:" />
<allow-intent href=“sms:" />
<allow-intent href="mailto:” />
<allow-intent href=“geo:*” />I have the app running on my phone connected via usb with
ionic cordova run ios --device -l --prod. I am viewing network traffic via safari debug mode on my mac. When the app goes to send the ajax request to our api, it shows the request in the network traffic as xhr, but there’s no response. Safari also shows no data going OUT… so it looks like something is preventing the request from even being made…any ideas?
Posts: 1
Participants: 1
@pefe wrote:
//app-routing.module.ts { path: '', loadChildren: './views/full/full.module#FullPageModule', canActivateChild: [AuthGuardService] }, //full.module.ts { path: '', redirectTo: 'home', pathMatch: 'full' }, { path: 'home', component: FullPage, loadChildren: './home/home.module#HomePageModule' }, { path: 'invoice', component: FullPage, loadChildren: './invoice/invoice.module#InvoicePageModule' }, { path: 'client', component: FullPage, loadChildren: './client/client.module#ClientPageModule' },when changing tabs, i am experiencing flickering of the whole page, rather than just loading the child page, i am not experiencing when using angular, just here in ionic.
Posts: 1
Participants: 1
@RaulGM wrote:
Hello,
I’m trying to set the
ion-listpadding bottom to0. But I had no luck with that. I’ve looked up within Sass Variables, but I found no variable to change that specific.I’ve also tried
ion-list { padding-bottom: 0px; }but had no change.
Posts: 2
Participants: 1
@VenkateshVoona wrote:
I am trying to keep side menu when I click on one of the tab. Also I have other side menu for other pages. If I am applying menu for tab button its reflecting for other side menus too with the same content which I have for the tab sidemenu
here is my tabs.html page
<ion-tabs [tabsHighlight]="true" [ngClass]="{'tabs-wrapper' : !showTabs}" #content1> <ion-tab [root]="tab1Root" tabTitle="Home" tabIcon="md-home"></ion-tab> <ion-tab [root]="tab2Root" tabTitle="Notifications" tabIcon="md-notifications" [tabBadge]="_notificaionCount" badge-style="badge-assertive"></ion-tab> <ion-tab [root]="tab3Root" tabTitle="Location" tabIcon="md-pin"></ion-tab> <ion-tab tabTitle="More" tabIcon="ios-more" (ionSelect)="openMoreOptions()" > </ion-tab> </ion-tabs> <ion-menu [content]="content1" side="right" type="overlay" > <ion-header> <ion-toolbar class="menu-header" padding> Logged is as : venky </ion-toolbar> </ion-header> <ion-content padding> <ion-icon name="ios-log-in-outline"></ion-icon> <span>Logout</span> </ion-content> <ion-footer> <ion-item text-center> Version 1.1.0 </ion-item> </ion-footer> </ion-menu>
Posts: 1
Participants: 1
@lucaboga wrote:
Hi,
i’m developing an ionic App. An API responds with HTML and i have to show it in my page.
I do this operation with INNERHTML and DomSanitizer, but not works when i tap it.
I also installed inappbrowser plugin and in my config there is
allow-intent href="*" and allow-navigation href="*"Can anyone help me please?
Thank you
Luca
Posts: 1
Participants: 1
@alexmpc wrote:
So when i try the command “ionic cordova build android” , i get this error:
BUILD FAILED in 3s
cmd: Command failed with exit code 1 Error output:
FAILURE: Build failed with an exception.** What went wrong:*
A problem occurred configuring root project ‘android’.
> Could not resolve all dependencies for configuration ‘:_debugApk’.
A problem occurred configuring project ‘:CordovaLib’.*
> No toolchains found in the NDK toolchains folder for ABI with prefix: mips64el-linux-android*** Try:*
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.** Get more help at https://help.gradle.org*
I´ve seen that there aren´t much posts about this error.
Posts: 1
Participants: 1
@brenden wrote:
I have an empty back button subscription. I would expect that it wouldn’t do anything, but oddly enough it is navigating back. If I comment out the line, the back button goes back to not doing anything.
this.customBackActionSubscription = this.platform.backButton.subscribe(async (data) => { });
Posts: 2
Participants: 1
@Weihang wrote:
I recently added Firebase dependency to my ionic/cordova app
followed this guide:
This error happens everytime when I try to runionic serveor build on iOS/android platform
"@angular/cli": "^7.3.6", "@angular/common": "4.1.3", "@angular/compiler": "4.1.3", "@angular/compiler-cli": "4.1.3", "@angular/core": "4.1.3", "@angular/fire": "^5.1.2", "cordova-android": "^6.4.0", "cordova-browser": "~5.0.4", "cordova-ios": "4.5.5", "ionic-angular": "3.5.0", "@ionic-native/firebase": "^5.0.0", "cordova-plugin-firebase": "^2.0.5", "firebase": "^4.6.0", "angularfire2": "^5.0.0-rc.3", "@ionic-native/fcm": "^5.3.0", "cordova-plugin-fcm-with-dependecy-updated": "^2.4.0",Any help would be appreciated, thank you ~
Posts: 1
Participants: 1
@nvahalik wrote:
Hasn’t been a problem in the past, but I’ve been trying to get the app working in the emulator and it gets stuck at the splash screen. App seems to work OK on the device.
The app has an initialize function which ought to hide the splash screen—that happens after the platformready()event fires.
Have been watching through Xcode logging and I’m not seeing any errors, here.
Could it be related to something which requires the production certificates but doesn’t want to work with dev certificates?
Posts: 2
Participants: 1
@Nsimoncini wrote:
Hi, I tried to search on old topics but I had no luck.
Let’s say I make an Image Viewer App with Ionic Framework, can I add the option “Open with…” to the images on my smartphone/tablet? If so, can i do it with both Android and iOS ? (I’m using Ionic 4)
It’s important for me, thanks everyone!
Have a nice day!
Posts: 1
Participants: 1
@vovadudas wrote:
Is it possible to use Ionic for editing video
Under edit video I mean:
- take original
- make it slower/faster
- draw shapes over the video (canvas functionality)
- replace audio track by my voice audio
- save edited video (with drawings and my voice instead of video audio)
If anyone can help with example that would be cool
Thanks
Posts: 1
Participants: 1
@AhmadAlMunajjed wrote:
What is the difference between the two types of ionic 4 project: angular and ionic-angular?
Posts: 1
Participants: 1
@superdave wrote:
I’m using Angular 7 and Ionic 4 (I’m new to Ionic) and I want to add emojis to a textarea element.
Any suggestions?
Thanks.
Dave
Posts: 1
Participants: 1
@maceks wrote:
Hello, if I create blank app on Ionic 3, run ionic serve -c and run DevApp app on iPhone, I automatically can select app ( automatically detected on network ). But if I create Ionic 4 and run ionic serve -c, that running app ( web server ) is not detected automatically on network. If I type adress manually Im able to connect, it is working properly. But it is annoying to write IP address everytime
Posts: 1
Participants: 1
@alvarofelipe1 wrote:
Hello.
I’ve been developing a push notifications for an Ionic 3 app in which i want to increase the badge number via badge plugin from native resources (@ionic-native/badge) when i receive a push notification.While the app is in foreground works perfectly and increase the badge number correctly, but when i try to do the same while the app is in background or closed the listener apparently doesn’t works properly because it receive the notification and show it in the notifications of iOS/Android system but it doesn’t execute the code in the listener increasing the badge.
Pushy.setNotificationListener(function (data) { // Print notification payload data console.log('Received notification: ' + JSON.stringify(data)); that.presentAlertNotification(data.message); // Increase badge that.badge.increase(1); });So in conclusion my question is: Is it possible to execute that code inside the listener to increase the badge when the push arrives and the app is closed or in background?
PD1: I’m using the version 1.0.21 of pushy-cordova and 1.0.0 of pushy-cordova-receiver.
PD2: I saw a push plugin in the native plugins of ionic that is capable to do that, but my backend is all well developed in order to use pushy, so changing to Push from native should be my last option because i don’t want to use GMS from google. I also found onesignal offers a SDK for ionic but in their docs i didn’t found something that covers my needs.
Posts: 1
Participants: 1
