Questions tagged [ionic6]
The ionic6 tag has no usage guidance.
268
questions
-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 ...
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,
...
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 ...
-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 ...
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 ...
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 ...
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 ...
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&...
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, ...
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 ...
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 ...
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 ...
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....
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 ...
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'" ...
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 ...
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/...
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.
...
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 ...
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 ...
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: @...
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 ...
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 (...
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 ...
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)
}
...
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';
...
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-...
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 ...
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 --...
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 ...
...
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 ...
-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 ...
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 ...
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-...
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 ...
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';
...
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'...
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 ...
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>
...
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 ...
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 ...
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 ...
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 ...
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">
...
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) =>...
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 ...
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 ...
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. (...
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'...
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 ...