Quantcast
Channel: Ionic Framework - Ionic Forum

How to optimize chart.js rendering in Ionic page, especially with two charts...

0 I’m building an expense manager application where I have a stats tab containing two subtabs, expenses and incomes each of which has its own chart instance. Rendering is first slow, it takes some...

View Article


Assets (images) not loading in webapp

I put down a project more than year ago that was working. It is Ionic with Angular. I thought I did all the commands needed to get everything lined up to run in a browser git clone https://github.com/...

View Article


Image may be NSFW.
Clik here to view.

IonButton with multiple Lines vertically

Hello, I am at the end of my tether and look for some suggestion. I try to create an IonButton with multiple (in my case 2) lines. An IonButton is created as display: flex, with a span wit5h class...

View Article

Image may be NSFW.
Clik here to view.

Ion-datetime has been stuck on an infinite scoll

I am using the ion-datetime inside an ionic modal. I have a service named util which has a method that uses ModalController to create a modal for the datetime component which has the ion-datetime in...

View Article

Reusable Modal Component: ion-modal vs. modalController Service

Hello, I’m working on an Ionic application and trying to create a reusable modal component. I’m considering two approaches and would appreciate some guidance: Scenario: Imagine a ‘confirmation modal’...

View Article


Image may be NSFW.
Clik here to view.

Input Type file does not display camera option in android

Hi, this input type file does not display the option of camera in android , however the camera option is available in IOS. Any solution to display the camera option as well in android IOS reference:...

View Article

Image may be NSFW.
Clik here to view.

imageUrl not displaying dynamic images in parallax directive

I am using the parallax directive in my Ionic app and trying to bind a dynamic image URL from Appwrite Storage using imageUrl. However, the image does not display, even though: The URL is valid and...

View Article

IonInput floating transition is not working properly

Hello everyone, I am completely new to Ionic and created a new project using AppFlow. I want to made some IonInput Fields with a floating label but sadly my transitions are not working. Here is the...

View Article


Can you help me downloading a byte64?

I’m developing an app with Ionic Angular. Can you help me into offer the option to download an image that is on the same device? I’m trying to give the user the possibility to save an image that he...

View Article


Image may be NSFW.
Clik here to view.

Exampel of Collecting role information on Dismiss shows wrong logs

Ionic Framework Docs ion-action-sheet | Ionic Documentation ion-action-sheet: Action Sheet Dialog for iOS and Android The example under “Collecting role information on Dismiss” is not working. Instead...

View Article

Image may be NSFW.
Clik here to view.

Ionic 8 - There is no scroll on page after keyboard opens

Hello everyone. Today, after creating a new project (Ionic 8 and Capacitor 7) I started to face this strange behavior/issue. I just created a simple page with a list (not standalone):...

View Article

Ion-picker with [(ngModel)]

Hello, I’m using Ionic 8 with Angular 18. In a new component, I’m using ion-picker for the first time. I’m trying to bind a variable to it with [(ngModel)]. That doesn’t seem to work. I tried it like...

View Article

Image may be NSFW.
Clik here to view.

Ion-datetime not showing on mobile device

Hi, New to ionic framework and the ion-datetime on ion-modal is not showing on mobile device but showing on desktop browser. The form is standalone component. Can anybody help basically my...

View Article


Ionic 8 + tailwind 4 using Vite is not working

I want to use tailwind in my Ionic project but Im facing an issue. I have installed tailwindcss tailwindcss/vite and preflight. I have added tailwind plugin to vite config, I have created basic...

View Article

Unable to download pdf in Android and iOS

I am using Ionic React with Capacitor 7 I am unable to download receipt after it is generated in pdf format. Sharing Receipt seems to work fine for both iOS and Android. But I cannot download it....

View Article


Is there an Ionic "onload" or "ready" event? (Date picker not ready)

I want to set the value of an ion-datetime input programmatically. <ion-datetime-button datetime="date"></ion-datetime-button> <ion-modal> <ion-datetime label="Date" name="date"...

View Article

Developing apps in Ionic for long term - overthinking

I have been developing Mobile apps in Ionic since v1. It was the very first framework I used for developing cross platform mobile apps. I really love working on Ionic. I also develop using React...

View Article


Image may be NSFW.
Clik here to view.

Need help with ion-infinite-scroll inside a modal

Hey guys! I’ve got a tricky issue here. I’m opening a new-exercise-plan component using the ModalController, but the problem is that I need to implement infinite scroll, and the ion-content height...

View Article

Warnings related to icons during unit test execution (Ionic v8.4.3)

Hi guys, I’m using Ionic 8.4.3 in an Angular 17 application. I have an object with all the icons we use in the application and another with some custom icons: export const CUSTOM_ICONS:...

View Article

Live Reload does not work anymore since the upgrade to Capacitor 7

Hello, I updated my app’s packages, and since then, when I try to run it on a real device with ionic cap run android --prod --open -l --external it launches correctly, but the changes aren’t detected...

View Article

Angular/Capacitor/Ionic app is not responding immediately after couple of hours

I am working on Angular 17/ capacitor 6/ Ionic 7 application. The app is not responding immediately after couple of hours, if we don’t touch the app. It will take 30 to 60 seconds to respond back. As...

View Article


Image may be NSFW.
Clik here to view.

Problem with ion-toolbar on IOS

I have a problem with ion-toolbar on iOS, they break, and I can’t find the solution! Can anyone help me? ANDROID IOS 1 post - 1 participant Read full topic

View Article


Google map not showing in mobile

I don’t know what to do, I have been having issues with map not appearing on my app when i launch it but it is showing when i use localhost to view on the web. I make use of ionic, capacitor google...

View Article

Lazy Loaded - Action Sheet sometimes not showing buttons

Hi using Ionic Angular v8 but have had this issues over majority of versions of Ionic last couple of years. In short we have large application wher have lazy loaded modules/pages (eg loadChildren in...

View Article

Image may be NSFW.
Clik here to view.

Ion-picker not working properly and moving by its own

Hi guys! I’m having a problem with the component ion-picker when trying to use it so the user can set a timer choosing values from three columns. I created an issue in Github as this problem seems to...

View Article



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