Questions tagged [ionic4]

Presentation

This tag is for questions specifically targetting version 4 of the Ionic Framework.

Ionic Framework is an open-source hybrid mobile application development framework that helps in building cross-platform mobile applications with standard Web technologies like , , and 's.

Ionic Framework is focused on giving a native-like UI experience, built on top of web technologies.

Traditionally, it has used Apache and . Since January 2019, Ionic 4 allows developers to choose multiple frameworks including , , , and web components.

Ionic also has a rich Command Line Interface which enables the developers to create, build, test and deploy applications.

Ionic 4 is built using which is a compiler that creates Web Components.

The Ionic Team are also developing an alternative to Cordova, called Capacitor. is a cross-platform app runtime that allows developers to build web apps that run natively on iOS, Android, Electron and the web.

Official Links:

5597 questions
1
vote
0 answers

On ionic cordova file.copyFile error = FileError { code: 5, message: "ENCODING_ERR" }

My copy File function is here: copyFileToLocalDir(namePath, currentName, newFileName) { debugger; this.file.copyFile(namePath, currentName, this.file.externalDataDirectory, newFileName).then( success => { debugger; …
1
vote
1 answer

AWS Amplify federated google login work properly on browser but dont work on Android

The issues are when I am trying to run federated authentication with the help of amplify auth method on the browser it works fine, but when I try to run it on my mobile. It throws error No user found when I try to use Auth.currentSession() but the…
1
vote
0 answers

ionic 4 same page after refresh without going to login page

Hi I'm new to cordova and ionic 4. I'm developing app with ionic 4 and angular. Every time I do small change in the code "Ionic serve" just logout of the application. I Just want to remain in the same page like web because it's very annoying the…
kavi
  • 13
  • 1
1
vote
1 answer

ion-slider fixed on bottom of ion-content

I have ion-slider fixed on top of ion-content I tried to make it fixed on the bottom and always continue sliding, on the first load of the page the slider is sliding automatically but if I open another page and returns to the same page the slider…
Hadi
  • 13
  • 3
1
vote
1 answer

Angular Ionic Side Drawer does not render

I have an angular ionic app and I am trying to set up a side drawer. I have the following in very basic code which is based off of the ionic starter app. I can't figure out why my side drawer does not render. I've followed samples and looked at…
mo_maat
  • 2,110
  • 12
  • 44
  • 72
1
vote
0 answers

Ion-Input does not looses focus when clicked outside

I am having an ion-input. When i run in browser It works fine. Problem is in Windows appx build. When we type some number in the input field. And then click else where outside the input field. Then if i press backspace it erases the number in the…
tathai96
  • 21
  • 2
1
vote
1 answer

Ionic 5: Custom Side menu

How can I made custom side menu in ionic 5 using Angular I want same side menu as I attach
1
vote
0 answers

Ionic / Angular Interceptor sending duplicated HTTP requests

My objective: I'm trying to implement authorization using JWT by sending the jwt token in the header with each request sent from the frontend. And I have addedd an interceptor for that. The problem The problem is that the front is always sending a…
Faouzi
  • 929
  • 2
  • 15
  • 23
1
vote
1 answer

Remove ion tabs border ionic 4

In ionic new version from 4 we can remove border of tabs by adding ion-tab-bar { border: 0; margin-top: -1px; }
1
vote
1 answer

Not able to clear my setInterval in Ionic

I have an IONIC 4 application where I need to call an api every 20 seconds and if the user moves to other page need to stop calling that api. I am able to make the api call at every 20 seconds but not able to stop it when I move to some other page.…
Ravi Shah
  • 105
  • 1
  • 11
1
vote
2 answers

Ionic Capacitor app rejected from app store displayed a blank screen upon launch

My app was reject from the app store with the following message. We discovered one or more bugs in your app when reviewed on iPad running iOS 13.5.1 on Wi-Fi. Specifically, the app displayed a blank screen upon launch and we were unable to…
harry
  • 83
  • 10
1
vote
2 answers

Read PDF data from post

I am working on to read PDF data (not pdf url) from a post api and open the pdf using the pdf viewers installed on phone in my IONIC 4 android app. My File transfer plugin gives error with error code 2 on downloading that file. Here is my code which…
Ravi Shah
  • 105
  • 1
  • 11
1
vote
2 answers

Make ion content (or text or label) vertically center

I want to achieve something like this: But I am currently in that stage Note that, first image is bootstrap form , 2nd image is what I am designing with ionic [ there are some reasons I don't want to drag bootstrap in my ionic project, so,…
user12504785
1
vote
1 answer

Angular routes not working on www directory

I have the following routes on my app-routing.module.ts: { path: '', redirectTo: 'login', pathMatch: 'full' }, { path: 'login', loadChildren: () => import('./login/login.module').then( m => m.LoginPageModule) }, { …
dgzz
  • 2,929
  • 6
  • 34
  • 56
1
vote
1 answer

How to drag elements in Ionic 4/5

I would like to create draggable (free) buttons in Ionic. In ionic 3 I used a directive to do this (link https://www.joshmorony.com/building-an-absolute-drag-directive-in-ionic-2/) but this directive don't works in ionic 5 and it does not give any…