Questions tagged [ionic7]

39 questions
5
votes
3 answers

How can I customize the label of an ion-select in Ionic 7?

I am using Ionic 7 and Angular (material) 14. I want to display a required field indicator (*) in the field labels where applicable. In Ionic 6, I achieved this by using adding span tag in the ion-label, with a class for styling, ex:
De Wet van As
  • 904
  • 8
  • 27
1
vote
1 answer

Unable to create a new Ionic project

Every time when I try to create a new ionic angular project using ionic start, it triggers an error in the console. Error: Network connectivity error occurred, are you offline? If you are behind a firewall and need to configure proxy settings,…
Gabi Vieira
  • 371
  • 2
  • 13
1
vote
1 answer

Unknown html tag ion-breadcrumbs, the tag is not recognized by ionic-angular project

ionic breadcrumbs doc Home Electronics Cameras
1
vote
1 answer

ion-datetime-button in ion-item not 100% height

I have 3 ion-items with ion-select and ion-datetime-button. The ion-items with ion-datetime-button do not have the same height as the one with ion-select. They are all wrapped in an ion-col (with the same properties). The ion-cols has the same…
Felix
  • 39
  • 6
1
vote
0 answers

Error: Unable to create photo on disk on Android - Ionic using Capacitor Camera Plugin

I am trying to use the Capacitor Camera Plugin in Ionic (v7) for an Android App (have not tested in iOS, but no issue on Web). This is the code to get the image: const image = await Camera.getPhoto({ quality: 100, allowEditing: true, …
1
vote
0 answers

How to fix 'Unable to start the daemon process' error when running ionic capacitor on Android studio?

I am trying to run an ionic-angular app on android studio When running ionic capacitor run android i receive the following error : [capacitor] [error] Starting a Gradle Daemon, 7 stopped Daemons could not be reused, use --status for…
1
vote
1 answer

ion-input now requires providing a label

I have been migrating my code to Ionic 7 and one of the warning is the following message: `node_modules_ionic_core_dist_esm_ion-item_8_entry_js.js:2 [Ionic Warning]: ion-input now requires providing a label with either the "label" property or the…
1
vote
1 answer

How to do push notification in Ionic 7 PWA with Firebase

How to do push notification in Ionic v7 pwa with Firebase I converted the Ionic app to PWA but due to standalone components i'm facing problems making push-notification please help.
1
vote
1 answer

How do I add an [(ngModel)] and Datetime format to ionic V7 ion-datetime

I am testing the ionic V7 ion-datetime I am able to bind the (ionChange) to an [(ngModel)] and format the change. What I am trying to do is link the ion-datetime-button to an [(ngModel)] and format to YYYY-MM-DD. is this possible. html …
Thomas Degroot
  • 441
  • 1
  • 12
  • 32
1
vote
1 answer

How to play sound/audio from phone storage on ionic 7?

How to play sound/audio from phone storage on ionic 7? I tried using cordova-plugin-nativeaudio like below const url = await Filesystem.getUri({ directory: Directory.Documents, path:…
0
votes
0 answers

ScreenOrientation in IONIC 7 and Capacitor 5.2.3

I have Ionic 7.1.1 and Capacitor 5.2.3, and I can't find on the official page how to install the screen-orientation plugin. Also, I see an end-of-life notice on the page. I don't quite understand what to do. Is it possible to obtain it without using…
Guille
  • 23
  • 5
0
votes
0 answers

Angular Ionic 7 Local Notification with capacitor plugin - Daily notification is not working

I have the same issue as many others here: I want to build a daily notification on which time is selected in frontend and want to execute a daily notification at the same time every day. I tried the repeats: true and every: 'day' here, but it didn't…
0
votes
1 answer

TypeORM Error initialising the Database -- TypeError: Cannot read properties of undefined (reading 'Database')

I use TypeORM to wrap my database. In my Angular Ionic 7 app I initialise the database the following in my AppComponent but receive an error during the initialisation in the platform browser. export class AppComponent { constructor(platform:…
hfs23
  • 125
  • 1
  • 1
  • 9
0
votes
1 answer

Property 'last' does not exist on type 'NavController'

if (this.nav.last().instance instanceof SupplierSelectPage) { this.form.controls['SupplierName'].markAsTouched(); } I have updated the Ionic version to 7, after that, I am facing issues on the property last(). Can someone help?
User User
  • 1
  • 2
0
votes
1 answer

How to set up Ionic Auto Height Sheet modal in Vue 3

I am attempting set up an Ionic Auto Height Sheet modal in a Vue 3 project (https://ionicframework.com/docs/api/modal#auto-height-sheet). See my code below. On ion-tab-button #3, I added id="open-modal". Below the ion-tab-button, I added the modal…
JS_is_awesome18
  • 1,587
  • 7
  • 23
  • 67
1
2 3