Questions tagged [ionic6]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
-1 votes
0 answers
15 views

Ionic 6 searchbar filter using ion-searcbar

I want to do a searchbar filter using ion-searchbar with php serverside. The thing is I don't know how can i call the data i get from the serverside play display into the searchbar. Please help me. My ...
Humble Chicken's user avatar
1 vote
1 answer
53 views

Jest ionic 6 angular 14 Jest encountered an unexpected token - how to set up Jest

I'm facing ionic 6 angular 14 Jest set up error on @awrsome-cordova library. Jest.config.js const { pathsToModuleNameMapper } = require('ts-jest'); globalThis.ngJest = { skipNgcc: false, ...
santhosh 's user avatar
1 vote
1 answer
24 views

ion-menu dynamically change direction

I am using ionic 6. I have ion-menu that don't change his direction with the app direction. I changed the direction of the app with document.documentElement.setAttribute('dir', 'rtl') and the ion-menu ...
Dvir Avrahami's user avatar
-1 votes
0 answers
16 views

Hosting or display an Ionic App Inside a WordPress Site - Page or Post

Can I develop an Ionic/Angular application and host it (Display it) inside a static page, post or inside a WordPress website? I'm not talking about iframes. I need to achieve a “clean” integration of ...
Javier Aguilarte's user avatar
0 votes
1 answer
45 views

Cannot run ionic angular app in browser using the ionic serve command

I am trying to run my first ionic angular app in a browser to see if I had installed ionic 6 properly on my computer. But I get this error message when using the ionic serve command. I included a ...
phyulwin's user avatar
0 votes
1 answer
125 views

Repeated data in a ngFor loop Angular 16

I have an ngFor loop with repeated data in a ionic 6 searchbar. I have prove "trackBy" and "map" already. I know that there is the same subject in this web, but is from 2020 and ...
Violeta Quintanilla's user avatar
1 vote
2 answers
54 views

Make ion-select label full width in Ionic v6

I started a new project in Ionic v6 and added a simple ion-select in html like this: <ion-item> <ion-select placeholder="Select Option"> <ion-select-option ...
Rameez Usmani's user avatar
0 votes
0 answers
16 views

Hide search icon of ion-searchbar when start typing

I am using ionic 6 and I am using ion-searchbar. I want to hide the search icon once I start typing in it. Can anyone please help me how to achieve this. <ion-searchbar placeholder = "Search&...
ananya's user avatar
  • 1,011
0 votes
0 answers
80 views

Integrating Agora SDK Services into Ionic App with Angular

Hello fellow developers, I'm working on an Ionic v6 app with Angular v14 and I'm exploring the possibility of integrating various services from the Agora SDK, such as text messaging, video calls, ...
M.Usman's user avatar
  • 11
0 votes
1 answer
140 views

FullCalendar doesn't show on Angular 16

I installed FullCalendar in my Ionic 6 Angular 16 app, based on https://fullcalendar.io/docs/angular, step by step, and doesn't show anything on browser (chrome). In Inspector tool shows the ...
Violeta Quintanilla's user avatar
0 votes
0 answers
15 views

esri.views.2d.layers.TileLayerView2D, Error: The source image could not be decoded

I am doing a mobile application with ionic capacitor. After ionic serve test in website, it work normal, but when compile to android app, the basemap layer could not load. It give the error that the ...
Dennis's user avatar
  • 1
0 votes
1 answer
74 views

ionic react-leaflet map not show in Home.tsx page

my problem is when i start ionic project and after installing the react-leaflet project the map didn't show so i need help how to do so if there any one can help the map in Home.tsx page and i dont ...
Adnan Mohammed's user avatar
0 votes
0 answers
23 views

Animate card to move up and down in Ionic

I want to be able to move a card up and down but the only examples I find is of card moving side to side. This is what I have. An example I found in the ionic documentation site Ionic animation home....
Mmashabane Rivonia's user avatar
0 votes
0 answers
59 views

FileReader not reading recorded video file in Ionic

I want to get base64 from video file obtained from Cordova Media Capture's captureVideo() method. I am able to get File using resolveLocalFilesystemUrl() method but when I try to read that File using ...
Somnath Pal's user avatar
  • 1,580
0 votes
1 answer
53 views

Access to input attribute

I'm trying to access to an atribute value with Angular, using @Input, but is always undefined. <ion-input type="text" placeholder="{{dat.nombre}}" [miName]="'hola'" ...
Violeta Quintanilla's user avatar
0 votes
0 answers
177 views

File Upload and TAKE PHOTO option using Input type=file in ionic

I have a file input in my application (ionic 6 and vue 3) and when the it is triggered in iOS i get this three options. I found here that some searching that these are OS defaults and cannot be ...
thezohaan's user avatar
  • 324
0 votes
0 answers
67 views

Ionic Angular: Make ionic picker scroll both ways

I am using the ion-picker component in my software platform. However you can only seem to scroll 1 way and not the other way. My picker is for time so if I want to select the 55th minuet in an hour I/...
Talktomegoose's user avatar
0 votes
0 answers
150 views

Display available Wi-Fi networks names both Android and iOS by using capacitor in ionicVue

I want to show all available Wi-Fi network names in both Android and iOS by using capacitor (or) any other dependency in ionic Vue. Also Enable and disable the Wi-Fi network from Ionic Vue Capacitor. ...
Venkata Suresh's user avatar
0 votes
0 answers
35 views

How can I replicate same functionality as insertPages() (insertPages function is from ionic 3) in ionic 6 with angular 13

I am migrating the Ionic 3 application to Ionic 6. In Ionic 3, there is one function, insertPages(), which will insert an array of pages at a given index in the navigation stack.But now I am using ...
Pratik's user avatar
  • 1
1 vote
0 answers
28 views

Blank screen in ionic 6 for webview veriosns older than 60

I have a application with ionic 6. I get negative feedback from my client about blank screen in old versions of webview . I checked my debug version and saw in inspect section doesn't exist any html ...
Ali Mahmoodvand's user avatar
1 vote
2 answers
337 views

Conflicting peer dependency: @angular/[email protected]

I'm trying to add android to my Ionic proyect, but when I run the code, I have this issue: Error: npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: @...
Violeta Quintanilla's user avatar
0 votes
0 answers
67 views

restrict firebase analytics sent events to google analytics based on bundle id

I have created an Ionic application using firebase analytics plugin , and I am sending google analytics events through this plugin and it works fine. I wanted to restrict the events that I am getting ...
odai's user avatar
  • 190
0 votes
0 answers
159 views

How can I make an Ionic custom page transition that waits for the next page to notify it's done loading?

I have an Ionic (v6) Angular (v15) project where I'd like to have custom page transitions that are split into 3 parts: The current page blurs The current page performs some infinite loading cycle (...
Jeremy Friesen's user avatar
0 votes
0 answers
198 views

jsPDF.html() function outputs a blank pdf document when called more than once in a session

I have some logic in an Ionic 6 Angular app that outputs a pdf documents using jsPDF v2.5.1. The problem is it only produces a pdf the first time it is called and every time after that I am getting a ...
ikertz's user avatar
  • 1
0 votes
2 answers
106 views

How to control Ionic Page Life Cycle using a Service

The following code hides my hamburger menu when not in use and I'm trying to use the following lines of code across multiple components: ionViewWillEnter(){ this.hamburgerMenu.enable(false) } ...
beyondraymond's user avatar
0 votes
0 answers
72 views

Confirmation dialog before quitting the app Ionic6

I wonna show confirmation dialog before user will quit app. I found this instruction in the docs import { useBackButton, useIonRouter } from '@ionic/vue'; import { Plugins } from '@capacitor/core'; ...
Andrew's user avatar
  • 135
0 votes
0 answers
13 views

Modal with error message on ios device while trying to share img on instagram with cordova-plugins/instagram, IONIC6

I'm using @awesome-cordova-plugins/instagram for sharing images from my ionic6 application to instagram. On android works, but on ios pops out a modal with error message. I tired also with @awesome-...
Ditlir Emush's user avatar
0 votes
0 answers
90 views

Trouble capturing 'Enter key' press event on Android 13 in Ionic/Angular app. How to prevent focus change and call API?

I have problem in ionic/angular mobile app. I can catch press event "Enter key" until android 12 but I can catch press event "Enter key" in android 13. When one number input in ...
Jason Hall's user avatar
0 votes
0 answers
204 views

Ionic Vue 6 CapacitorHttp not working in android apk

I have a problem driving me insane. My app is an Ionic Vue 6 app with Capacitor. Running the app with the usual commands works on both physical devices and emulators: ionic capacitor run android -l --...
jaletechs's user avatar
  • 511
0 votes
0 answers
131 views

Ionic 6 Android 11 Video Player mp4 getting: Access to this video was denied

I'm trying to use a video player, in Ionic 6, I tried many options, fluidplayer, flowplayer, video html5 tag, but I'm getting access denied. AndroidManifest.xml <application ... ...
danilo's user avatar
  • 8,070
0 votes
0 answers
235 views

Using PolyLine with @capacitor/google-maps plugins gives error Property 'addPolylines' does not exist on type 'GoogleMap'

I'm working with an ionic 6 app with Capacitor Google map plugin (@capacitor/google-maps). Adding a marker works. but when I try to add Polylines, it give me an error. Property 'addPolylines' does not ...
JYMM's user avatar
  • 1
-1 votes
2 answers
710 views

How to change the color of a label of an ion-input in ionic 7

I have upgraded my project to Ionic 7 and now ion-inputs don't need an ion-label. I have changed it but I don't know how to assign the color they had. Before: enter image description here enter image ...
hugocantito's user avatar
0 votes
0 answers
116 views

How to open login URL with SafariViewController with angular-oauth2-oidc

I'm new to angular-oauth2-oidc. I want to show login page from keycloak service for my Ionic 6 mobile project in embedded browser with Capacitor browser plugin. I've used loadDiscoveryDocumentAndLogin ...
Jeffrey Tan's user avatar
1 vote
2 answers
767 views

Programatically open and close ion-datetime

Is there a way to open an ion-datetime programatically? in Ionic 6 the ion-datetime is open all the time, but it can be hidden using an ion-modal and ion-datetime-button like this <ion-...
Craig's user avatar
  • 8,143
0 votes
0 answers
65 views

Determine if user tapped a date in ion-datetime vs change month

In an Ionic 6 ion-datetime I want to react when a user picks a date, not when they change month using the wheel view. It's ok that they use the wheel view to jump forward many months, or years, but I ...
Craig's user avatar
  • 8,143
0 votes
1 answer
47 views

Error 'invalid_client' when using JavaScript and Spotify API with Ionic 6 and Angular

I'm encountering an issue while using JavaScript and the Spotify API in my Ionic 6 with Angular project. Here's the code snippet I'm using: async function getToken() { const clientid = 'xxxxx'; ...
Giannis Petsis's user avatar
1 vote
1 answer
268 views

Read Text File on Ionic - Android 12

Good evening, the problem that I can't solve concerns reading text files in Ionic 6 and Android 12 (method readAsText). Using the FilePath, FileChooser and File libraries, the results exist but I can'...
Giuseppe Taormina's user avatar
0 votes
4 answers
2k views

How can i call an <ion-datetime> using an <ion-button>?

im trying to perform the next action: I just wanna select month and year with the next example: <ion-datetime presentation="month-year"></ion-datetime> But i dont want this ...
Jesus Poza's user avatar
0 votes
1 answer
523 views

Ion-Header Overlaps Status Bar and Ion-tab-bar cropped in iOS

I have an Ionic 6 app with Vue3. I am using the tabs component in my app. My App.vue is as follows <template> <ion-app> <ion-router-outlet /> </ion-app> ...
thezohaan's user avatar
  • 324
0 votes
0 answers
45 views

Ionic | Android: Files in /res/raw not found. Removed in release bundle

The bundle in release does not generate the res/raw folder. Therefore, libraries like PushNotification that read the sound from that folder do not work correctly. I need the audio.mp3 file to exist in ...
Wilmer Rodríguez S's user avatar
0 votes
1 answer
144 views

Why the background is black in an Android app after adding Google Capacitor Map?

I have an application made with Ionic 6, Angular 14 & Capacitor4. Only for certain devices, the background is shown black. Running the app with Android Studio I can see the background correctly ...
Guillermo's user avatar
0 votes
0 answers
709 views

push notification not working on android 12 and 13

i am using push notification in my ionic cordova project and it's working on every android versions except android 12 and 13. How can i fix it? this is how my androidmanifest.xml looks <?xml ...
Akhil Balan's user avatar
1 vote
3 answers
2k views

Nullinjectorerror: no provider for httpclient! without app.module.ts

I'm trying to read a JSON in Ionic Angular with HttpClient, but I get this error "nullinjectorerror: no provider for httpclient!". The issue is that the lastest version of angular doesn't ...
Violeta Quintanilla's user avatar
0 votes
0 answers
137 views

how to make a dropdown submenu in ionic 6 with angular

How can I turn Ionic's basic side menu into a side menu with dropdown submenus? //html <ion-menu-toggle auto-hide="false" *ngFor="let p of appPages; let i = index"> ...
arley sanchez's user avatar
1 vote
0 answers
89 views

PWA not showing A2HS prompt when manifest created dynamically

Everything was working fine until i had to update the app to have different name according to customers Below is what i have done so far generateManifest() { return new Promise((resolve, reject) =>...
Exsite's user avatar
  • 167
2 votes
1 answer
2k views

How to set targetSdkVersion 33 in ionic application?

I have created an ionic application using ionic 6 and it works fine. I would like to upload this app to the Google Play Store. I added targetSdkVersion version 33 to the config.xml file based on the ...
Shalinee Mishra's user avatar
0 votes
0 answers
34 views

Is it possible to make an ionic android application that can run functions even when app is closed?

I built an ionic android app that utilizes the cordova background mode and pedometer plugins to have the app running in the background. I have heard recently of pedometer apps that continue to count ...
Primarch_Guilleman's user avatar
0 votes
2 answers
100 views

How do I make ion-menu-button larger in md(Android) mode?

I changed the font-size of my ion-menu-button (hamburger button) using the following CSS code. ion-menu-button { font-size: 31px !important; } The above code seems to work on my app in ios mode. (...
beyondraymond's user avatar
0 votes
1 answer
58 views

why i can't test ionic app with android studio

i created an ionic capacitor app for the front end using angular and the backend with express node and mongodb, with cookies to storing the jwt , with testing the app with ionic serve in localhost it'...
ikat88's user avatar
  • 21
0 votes
0 answers
260 views

I want to continue developing with ionic 6 however the new project is creating an ionic 7 project

I want to create an ionic 6 project. My ionic-cli version is 6.20.9 installed globally. Recently it was upgraded to 7 therefore, I removed the cli and installed it again using this command ionic ...
Kiran Rai Chamling's user avatar

1
2 3 4 5 6