Quantcast
Channel: Ionic Forum - Latest topics
Viewing all 70435 articles
Browse latest View live

Iframe is blank when run in mobile

$
0
0

@AsmaaAhmed wrote:

i am creating an ionic app and i need to view a large size PDF file inside my app either in iframe or in any viewer expect the google doc as it limit the size and the app is working in an intranet ,not in an external viewer or browser , files is read through an external URL .

Any help?

Posts: 1

Participants: 1

Read full topic


Ionic v3 - ios DeepLink help

$
0
0

@jordanblaketold wrote:

Hello everyone,

I’ve been working on deeplinks for my ionic 3 app and successfully it worked on android devices, however by the ionic-plugin-deeplinks i have to setup the file apple-app-site-association and upload it to “my hosting https service to .well-known folder”, the problem here is i dont have any hosting, im just publishing the app to the google/apple store directly, i’m not hosting anything, neither services.

so, how can i setup in this case deeplinks on ios??, i only need to make it works publishing my app in the apple store…

thanks in advance.

Posts: 1

Participants: 1

Read full topic

Swipe and Drag and Drop Item Ionic React

Ion-datetime Does not use local Timezone

$
0
0

@dominic-ks wrote:

Howdy folks,

According to the docs - https://ionicframework.com/docs/api/datetime - “Important: ion-datetime will always display values relative to the user’s timezone”

Just trying to see this work as expected with a mega basic example:

<ion-datetime displayFormat="DD/MM/YYYY HH:mm" value="2019-07-15T18:00:00+00:00"></ion-datetime>

This will display “15/07/2019 18:00”.

I am currently in BST, i.e. GMT / UTC +01:00, so I would be expecting the first example to show “15/07/2019 19:00”, i.e. identifying that I am in fact an hour ahead.

NB. if I add this using the angular date pipe:

<div [innerHtml]="'2019-07-15T18:00:00+00:00' | date:'medium'"></div>

Then I get “Jul 15, 2019, 7:00:00 PM”, which is what I’d expect.

In the meantime I think I will need to change the date before giving it to the input and then change it back before processing it, but I’d really rather not!

Any pointers?

Posts: 1

Participants: 1

Read full topic

Cordova Android 8.0 change app name

$
0
0

@helpmelearn wrote:

Was on Cordova Android 6.4 trying to upgrade to Android 8.0.
I had a build-extras.gradle to change the app name from app-debug.apk to the pass name plus a version.
This does not work anymore.
I tried moving he build-extra.gradle to the app-name/app folder but still not using it.
How to change the build app name with cordova android 8.0?
Thanks

Posts: 1

Participants: 1

Read full topic

LoadingController issue

$
0
0

@pankajjain15 wrote:

Well, this issue is about ionic 4 . I am unable to create an issue on ionic 4 forum that’s why putting here.

I have created a loader component

import { Component, OnInit } from '@angular/core';
import { LoadingController } from '@ionic/angular';
import { Injectable } from '@angular/core';


@Injectable()
export class LoaderComponent {

  isLoading = false;
  loading: any;

  constructor(public loadingController: LoadingController) {
    console.log("loader component init");
  }

  async presentLoading() {
    if (this.isLoading) {
      return;
    }
    console.log("I am here");
    this.isLoading = true;
    this.loading = await this.loadingController.create({
      message: 'Please wait....'
    });
    return await this.loading.present();
  }

  dismiss() {
    if (this.isLoading && this.loading) {
      this.loading.dismiss();
      this.isLoading = false;
    }
  }

}

and following is the HttpInterceptor I am using

import { Injectable } from '@angular/core';
import {
  HttpEvent, HttpInterceptor, HttpHandler, HttpRequest
} from '@angular/common/http';

import { Observable, from } from 'rxjs';
import { LoaderComponent } from 'src/app/components/loader/loader.component';
import { LoadingController } from '@ionic/angular';
import { finalize } from 'rxjs/internal/operators/finalize';
import { catchError } from 'rxjs/internal/operators/catchError';
import { HttpResponse, HttpErrorResponse } from '@angular/common/http/src/response';

export class ShowLoaderInterceptor implements HttpInterceptor{
  loading;
   constructor(private loaderComponent:LoaderComponent,public loadingController:LoadingController){}
  
  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    console.log("interceptor");
    //let clone=req.clone();

    this.loaderComponent.presentLoading();
    return next.handle(req).pipe(
      finalize(()=>{
        this.loaderComponent.dismiss();
      })
    );
    
  }
   
}

Well, when I am calling simple get request , the request is get almost completed and then loader appears due to it’s asynchornous behaviour. I don’t how to solve this issue.Kindly help me out.
Thanks

Posts: 1

Participants: 1

Read full topic

How to solve Execution failed for task ':app:processDebugResources'

$
0
0

@lobaton wrote:

Hello everyone, I have problems to build android.

I have tried many proposals but I have not had success, I do not use Facebook login.

someone who has had the same problem and tells me how to solve it, I would appreciate it very much

FAILURE: Build failed with an exception.

  • What went wrong:
    Execution failed for task ‘:app:processDebugResources’.
    Failed to execute aapt

cli packages: (/Users/user/Desktop/home-made-repo/node_modules)

@ionic/cli-utils  : 1.19.3
ionic (Ionic CLI) : 3.20.1

global packages:

cordova (Cordova CLI) : 8.0.0

local packages:

@ionic/app-scripts : 3.2.4
Cordova Platforms  : android 7.0.0
Ionic Framework    : ionic-angular 3.9.2

System:

Android SDK Tools : 26.1.1
Node              : v8.15.0
npm               : 6.4.1
OS                : macOS
Xcode             : Xcode 10.2.1 Build version 10E1001

Environment Variables:

ANDROID_HOME : /Users/user/Library/Android/sdk

Misc:

backend : pro

– >package.json

build": “ionic-app-scripts build”,
“lint”: “ionic-app-scripts lint”,
“ionic:build”: “ionic-app-scripts build”,
“ionic:serve”: “ionic-app-scripts serve”
},
“dependencies”: {
@angular/common”: “5.0.3”,
@angular/compiler”: “5.2.11”,
@angular/compiler-cli”: “5.2.1”,
@angular/core”: “5.0.3”,
@angular/forms”: “5.0.3”,
@angular/http”: “5.0.3”,
@angular/platform-browser”: “5.0.3”,
@angular/platform-browser-dynamic”: “5.0.3”,
@ionic-native/app-version”: “^4.5.3”,
@ionic-native/call-number”: “^4.5.3”,
@ionic-native/camera”: “^4.5.3”,
@ionic-native/card-io”: “^4.5.3”,
@ionic-native/clipboard”: “^4.5.3”,
@ionic-native/core”: “4.11.0”,
@ionic-native/crop”: “^4.5.3”,
@ionic-native/file”: “^4.5.3”,
@ionic-native/file-transfer”: “^4.5.3”,
@ionic-native/firebase”: “^4.20.0”,
@ionic-native/in-app-browser”: “^4.5.3”,
@ionic-native/keyboard”: “^4.5.3”,
@ionic-native/local-notifications”: “^4.11.0”,
@ionic-native/native-audio”: “^4.5.3”,
@ionic-native/native-storage”: “^4.5.3”,
@ionic-native/social-sharing”: “^4.5.3”,
@ionic-native/splash-screen”: “4.4.0”,
@ionic-native/status-bar”: “4.4.0”,
@ionic-native/transfer”: “^3.14.0”,
@ionic/storage”: “2.1.3”,
“call-number”: “^1.0.1”,
“card.io.cordova.mobilesdk”: “^2.1.0”,
“cordova-android”: “7.0.0”,
“cordova-android-support-gradle-release”: “^3.0.1”,
“cordova-browser”: “^6.0.0”,
“cordova-ios”: “4.5.5”,
“cordova-plugin-app-version”: “^0.1.9”,
“cordova-plugin-badge”: “^0.8.8”,
“cordova-plugin-camera”: “^4.1.0”,
“cordova-plugin-crop”: “^0.4.0”,
“cordova-plugin-device”: “^2.0.3”,
“cordova-plugin-file”: “^6.0.2”,
“cordova-plugin-file-transfer”: “^1.7.1”,
“cordova-plugin-firebase”: “^0.1.25”,
“cordova-plugin-inappbrowser”: “^2.0.2”,
“cordova-plugin-ionic-webview”: “^4.1.1”,
“cordova-plugin-local-notification”: “^0.9.0-beta.2”,
“cordova-plugin-nativeaudio”: “^3.0.9”,
“cordova-plugin-nativestorage”: “^2.3.2”,
“cordova-plugin-splashscreen”: “^5.0.3”,
“cordova-plugin-statusbar”: “^2.4.3”,
“cordova-plugin-whitelist”: “^1.3.4”,
“cordova-plugin-x-socialsharing”: “^5.4.7”,
“css-animator”: “^2.3.0”,
“enhanced-resolve”: “^3.3.0”,
“es6-promise-plugin”: “^4.2.2”,
“ionic”: “^3.20.0”,
“ionic-angular”: “3.9.2”,
“ionic-image-loader”: “^5.0.0”,
“ionic-plugin-keyboard”: “^2.2.1”,
“ionicons”: “3.0.0”,
“moment”: “^2.22.1”,
“rxjs”: “5.5.11”,
“sw-toolbox”: “3.6.0”,
“zone.js”: “0.8.18”
},
“devDependencies”: {
@ionic/app-scripts”: “^3.2.4”,
“typescript”: “2.4.2”
},
“description”: “An Ionic project”,
“cordova”: {
“plugins”: {
“ionic-plugin-keyboard”: {},
“cordova-plugin-firebase”: {},
“cordova-plugin-local-notification”: {},
“cordova-plugin-inappbrowser”: {},
“cordova-plugin-nativeaudio”: {},
“cordova-plugin-app-version”: {},
“card.io.cordova.mobilesdk”: {},
“cordova-plugin-x-socialsharing”: {
“ANDROID_SUPPORT_V4_VERSION”: “24.1.1+”
},
“cordova-plugin-camera”: {
“CAMERA_USAGE_DESCRIPTION”: “Tomar fotografia de perfil o escanear una tarjeta de credito”,
“PHOTOLIBRARY_USAGE_DESCRIPTION”: “Seleccionar fotografia de perfil”,
“ANDROID_SUPPORT_V4_VERSION”: “27.+”
},
“cordova-plugin-crop”: {},
“cordova-plugin-file”: {},
“cordova-plugin-file-transfer”: {},
“cordova-plugin-nativestorage”: {},
“cordova-plugin-device”: {},
“cordova-plugin-ionic-webview”: {
“ANDROID_SUPPORT_ANNOTATIONS_VERSION”: “27.+”
},
“cordova-plugin-splashscreen”: {},
“cordova-plugin-whitelist”: {},
“cordova-plugin-statusbar”: {},
“cordova-android-support-gradle-release”: {
“ANDROID_SUPPORT_VERSION”: “24.+”
},
“call-number”: {}
},
“platforms”: [
“ios”,
“browser”,
“android”
]
}
}

Posts: 1

Participants: 1

Read full topic

Disable ssl Http Request using angular's HttpClient

$
0
0

@ricardoaveledo wrote:

Greetings!

I’m developing a small app to connect to a poorly developed API that requires Http requests without SSL verification. How can I make a Post request disabling SSL in Ionic?

The app will be deployed using ionic 3 build, publishing the www folder in a IIS server, its meant to be accessed only through the company’s intranet using chrome.

I have tested the API using Postman, manually disabling the SSL and it works.

Posts: 1

Participants: 1

Read full topic


Storage Lost when Updating from Ionic 3 to Ionic 4

$
0
0

@chrisjdev wrote:

I found that Ionic 3 serves applications from file:// and Ionic 4 serves applications from http:// for iOS and Android. This means that the WebView for each platform has databases IndexedDB and WebSQL stored for different hosts. So if you upgrade your application from Ionic 3 to Ionic 4 and you’re using the default IndexedDB for Storage, then the persistent storage will be lost. I realized recently that those weren’t reliable ways of saving data anyway, so I was planning to migrate to Cordova SQLite based storage, but I was finding now that I also need to migrate the old raw files before the WebView can use them. And use a different directory structure for the WKWebView vs UIWebView change on iOS. I wasn’t able to find many people talking about this issue. Are most projects using Cordova SQLite based storage, so this isn’t an issue? Or is there a database migration plan that I’m missing?

Posts: 1

Participants: 1

Read full topic

Ionic 4 - Programatically show X in searchbar

Ion-content has default vertical scroll bar

$
0
0

@groe3433 wrote:

Hi,

I am using ionic 5.2.2, and I have an ion-content which has a vertical scroll bar.
I am a little lost as to how to make this scroll bar go away.

I have tried inserting the following to hide the overflow, but this doesnt work.
.no-scroll {
.scroll-content {
overflow: hidden !important;
}
}

it simply seems like the content just doesnt fit on the device screen. is there a way to force content to fit on the device screen?

thank you,

Posts: 2

Participants: 2

Read full topic

Can't create app after fresh install

$
0
0

@aminemarref wrote:

Hello,

I am new to using Ionic. I have followed the installation guide and when it comes to running the command ionic start myApp tabs, I get the dreadful error Unexpected end of JSON input while parsing near '...2V0TZa5V7QsgtnZhG25kB'. I have tried running again multiple times with no success even after forcing cleaning the cache.

The last few lines of the log file look like:

2846 silly saveTree +-- typescript@3.1.6
2846 silly saveTree `-- zone.js@0.8.29
2847 verbose stack SyntaxError: Unexpected end of JSON input while parsing near '...2V0TZa5V7QsgtnZhG25kB'
2847 verbose stack     at JSON.parse (<anonymous>)
2847 verbose stack     at parseJson (C:\ProgramFiles\nodejs\node_modules\npm\node_modules\json-parse-better-errors\index.js:7:17)
2847 verbose stack     at consumeBody.call.then.buffer (C:\ProgramFiles\nodejs\node_modules\npm\node_modules\node-fetch-npm\src\body.js:96:50)
2847 verbose stack     at process._tickCallback (internal/process/next_tick.js:68:7)
2848 verbose cwd C:\Users\Amine Marref\Workspace\iconic\myApp
2849 verbose Windows_NT 10.0.17763
2850 verbose argv "C:\\ProgramFiles\\nodejs\\node.exe" "C:\\ProgramFiles\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "i"
2851 verbose node v10.16.0
2852 verbose npm  v6.9.0
2853 error Unexpected end of JSON input while parsing near '...2V0TZa5V7QsgtnZhG25kB'
2854 verbose exit [ 1, true ]

The complete log file: Log File

Any ideas?

Amine.

Posts: 1

Participants: 1

Read full topic

Ionic build android app error

$
0
0

@dcngibosn wrote:

Hello all,
I am having error building my app, I have tried all I know. Please I need help

cordova.cmd build android
[Gradle Properties] Detected Gradle property “org.gradle.jvmargs” with the value of “-Xmx1536m to org.gradle.jvmargs=-Xmx1024m”, Cordova’s recommended value is “-Xmx2048m”
Checking Java JDK and Android SDK versions
ANDROID_SDK_ROOT=undefined (recommended setting)
ANDROID_HOME=C:\Users\name\AppData\Local\Android\Sdk (DEPRECATED)
Starting a Gradle Daemon (subsequent builds will be faster)

FAILURE: Build failed with an exception.

  • What went wrong:
    Unable to start the daemon process.
    This problem might be caused by incorrect configuration of the daemon.
    For example, an unrecognized jvm option is used.
    Please refer to the user guide chapter on the daemon at https://docs.gradle.org/5.1.1/userguide/gradle_daemon.html
    Please read the following process output to find out more:

Error: Could not find or load main class to

  • Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

  • Get more help at https://help.gradle.org
    C:\Program Files\Android\Android Studio\gradle\gradle-5.1.1\bin\gradle: Command failed with exit code 1
    [ERROR] An error occurred while running subprocess cordova.

      cordova.cmd build android exited with exit code 1.
    
      Re-running this command with the --verbose flag may provide more information.
    

See my ionic info below

C:\Users\name>ionic info
[ERROR] Error loading @ionic/angular package.json: Error: Cannot find module ‘@ionic/angular/package’
[ERROR] Error loading @ionic/angular-toolkit package.json: Error: Cannot find module ‘@ionic/angular-toolkit/package’
[ERROR] Error loading @angular-devkit/build-angular package.json: Error: Cannot find module
@angular-devkit/build-angular/package’

Ionic:

Ionic CLI : 5.2.2
Ionic Framework : not installed
@angular-devkit/build-angular : not installed
@angular-devkit/schematics : 8.1.1
@angular/cli : 8.1.1
@ionic/angular-toolkit : not installed

Cordova:

Cordova CLI : not installed
Cordova Platforms : none
Cordova Plugins : no whitelisted plugins (0 plugins total)

Utility:

cordova-res : not installed
native-run : not installed

System:

Android SDK Tools : 26.1.1 (C:\Users\PstGibson\AppData\Local\Android\Sdk)
NodeJS : v10.16.0 (C:\Program Files\nodejs\node.exe)
npm : 6.9.0
OS : Windows 10

Posts: 1

Participants: 1

Read full topic

Background geolocation Crash App only android 9

$
0
0

@developerdpointweb wrote:

i’m using the plugin Background-Geolocation https://github.com/mauron85/cordova-plugin-background-geolocation, https://ionicframework.com/docs/native/background-geolocation,
it worked correctly, but in operating systems android version 9 no, when using the app with android 9 devices the app is closed and indicates the following error “invalid channel for service notification startForeground”
how can I solve that?
I need help urgently please :slight_smile:

Posts: 1

Participants: 1

Read full topic

Paid ionic environment

$
0
0

@dcngibosn wrote:

Hello all,
Please does any one know if ionic has an online dev environment where I can run both new and exist project, and build my app?
I don’t mine paying for a subscription. I don,t want my ionic project on my local machine.

Posts: 2

Participants: 2

Read full topic


Auto refresh / update http request

$
0
0

@Skiman1104 wrote:

I am new to ionic and have built an app which is in beta testing on both platforms - as it to do with live football scores the users have heavily asked for an auto update is this possible and how to implement it

Jordan

Thanks in advance

Posts: 1

Participants: 1

Read full topic

Change user name

Ionic geolocation is not working in ios

$
0
0

@Mahesh098 wrote:

Not working even after adding the info.plist in config.xml file

here’s my code
this.geolocation.getCurrentPosition({enableHighAccuracy:true}).then((resp) => {
this.geoLatitude = resp.coords.latitude;
this.geoLongitude = resp.coords.longitude;

   })

Posts: 1

Participants: 1

Read full topic

Skadate Ionic app setup

$
0
0

@qplay wrote:

Hi there,

I’m searching for someone who has experience with SkaDate Ionic apps.
I have to source code + manual but still a lot of errors.

Who can help me setup my MacBook to get the apps compiled without errors?

Thanks,

Mitchell

Posts: 2

Participants: 2

Read full topic

Ionic 3 Push Notification : Cant send image

$
0
0

@Nirmalya-S wrote:

I have created a demo app with Ionic 3 push notifications. The app is also registered at FCM. Its working fine. But I could not send an image. Also the notification icon is grayed out at android 9. Any solution??

Thanks in advance…!

Posts: 1

Participants: 1

Read full topic

Viewing all 70435 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>