Quantcast
Channel: Ionic Framework - Ionic Forum

Need help in converting react native to ionic

Hi guys, I am working on a college project to create a basic LMS android app in ionic framework and an iOS app in swift. I somehow managed to get the source of an react native with required...

View Article


Image may be NSFW.
Clik here to view.

Cannot set color of active time text for ion-datetime component

These shadow parts are so frustrating. At ant rate according to the documentation here, I should be able to set the color of my selected time…. (which DOES work in this example However, I have added...

View Article


DOM update with ngFor

Hello guys, could anyone help me with an issue i’m having on my app? I have this template, and when ‘itemsByDeliveryHour’ is updated the DOM goes crazy creating divs. I wanna render all at once after...

View Article

Image may be NSFW.
Clik here to view.

Weird messages "Unexpected character "EOF"" and "Invalid ICU message. Missing...

Hello, I have the same projects installed on three different computers: the computers have (apparently) the same version of VS Code, the libraries used, Ionic, Angular, Node, npm, TypeScript, etc. On...

View Article

How to set focus to IonTextarea or IonInput in IonModal

Hello! I’m trying to set focus to a textarea in a modal. Following Docs I’m using the following TSX component to focus on an input. On iOS, however, the keyboard does not appear when the modal opens,...

View Article


Bottom Sheet Modal behaves differently on different devices + doesn’t resize...

Hey everyone, I’m building a small bottom-sheet style modal in Ionic React that contains an <IonInput> and should open cleanly above the keyboard. On some devices it looks perfect, and on others...

View Article

Soft keyboard pushes Page content when it shows in iOS

I’m encountering the same issue as in topic Page content overlaps device status bar when soft keyboard is open only on IOS Which looks like they resolved with Capacitor config. However, I’m not using...

View Article

Awesome-cordova-plugins with Angular 17

I am trying to migrate an existing Ionic v8 app from Angular 16 to Angular 17. After moving all components to be standalone, I am stuck with awesome-cordova-plugins. In the old Angular 16 version I...

View Article


IonTabButton overlapping IonTabBar

I would like to do the same like [here, 2020] and [here, 2016] : One IonTabButton should overlap the IonTabBar. I can’t get this workarount to work. AIs also only suggest setting overflow: visible on...

View Article


A11Y: ion-modal not trapping focus with Android Talkback

I’m running into an issue with ion-modal and Android TalkBack. When I click the trigger button to open the modal TalkBack announces that a dialog has opened and sets focus to the dialog, but when I...

View Article

Image may be NSFW.
Clik here to view.

Viewport/Scaling Bug on Desktop: Ionic Components Appear Gigantic

How can I prevent some screens from making the UI components look too large (as if the page is zoomed in)? On some devices with higher resolutions, this doesn’t happen. But on devices with lower...

View Article

Image may be NSFW.
Clik here to view.

iOS and WebRTC STUN/TURN

I cannot find any posts that talk about finding a solution to WebRTC on iOS working with TURN server. Here is what I do know… On local network (LAN/WiFi): Uses host-to-host candidates (192.168.1.6 ↔...

View Article

Ionic Angular SQLite TypeORM

Hello guys, I want to know what the right process is to scaffold a full project in Ionic Angular, SQLite, and TypeORM, because there is no straightforward guide to achieve that. i try the default...

View Article


Ionic capacitor based app using vs code and gemini code assist

I have installed gemini in VS code which i use for ionic-angualr based app development. is there a end to end workflow that can be setup so that gemini can understand ionic app and make changes using...

View Article

WKWebView TURN Incompatibility

After more than three weeks of trying to debug a Ionic-Vue WebRTC project to run in iOS, I found the solution. First, dump Ionic-Vue/Capacitor and rewrite the application in Ionic-React/Capacitor....

View Article


LoadingController.create not returning

I don’t know what went wrong…I updated my project to latest capacitor 8 and angular 20 … and suddenly LoadingController.create is not returning when running the app on Android emulator. await...

View Article

Ionic React: Routing outside Tabs – correct way? (Tabs → standalone page...

I’m using Ionic React with IonTabs. From a tab page I need to navigate to a page that should not show Tabs (standalone / “external” page). Navigation works, but during transitions (push / pop) I see a...

View Article


Generating PDF Reports from Chart.js Data in an App – Best Approach?

Hi all, I have an app that displays data from multiple sensors using Chart.js. I now need to generate downloadable reports—ideally in PDF format—so users can export data for a selected time period. I...

View Article

Ionic 8 compatibility with Angular 21?

Hello everyone, from Ionic docs I see that Ionic 8v is compatible with Angular 20.x. Did someone tried to use maybe with Angular 21.x, and was it working? Do you know when would Ionic 8 would be...

View Article

Dheeraj Sudan and Meenu Hinduja-How do I get started with Ionic Framework?

Hi Everyone, I’m Meenu Hinduja and my husband Dheeraj Sudan, run a business. I’m just starting with the Ionic Framework and would love some advice from you all. How did you get started with Ionic?...

View Article

QR reader plugin

Hi All Can someone recommend a good plugin to read a QR code that is compatible with both Android and Apple devices? 1 post - 1 participant Read full topic

View Article


Image may be NSFW.
Clik here to view.

helperText weird placement

ionic v8 with angular 21 I’m trying to achieve the following structure lable toggle helperText but what I’m getting is the following, is there is any work around for this or not? 1 post - 1...

View Article


Image may be NSFW.
Clik here to view.

HTMLIonSearchBarElement and HTMLIonInputElement Invalid with Angular Latest

I just updated Angular to v21 and updated to the latest versions of Capacitor and Ionic/Angular. I now get these errors when building my app: I did this because ionic generate was conflicting with the...

View Article

Ionic 7 Swipe Tabs With Vanilla JS

Hi, I’m using Ionic 7 (vanilla, no Angular/React router) and want to implement swipeable tabs — where swiping changes the tab content and clicking a tab moves to the corresponding slide. I don’t need...

View Article

Struggling to prioritize features in a multi-service app

I’m working through the design of a multi-service application that combines different on-demand services in one place, and I’m finding it harder than expected to decide what to prioritize early. Some...

View Article



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