Quantcast
Channel: Ionic Forum - Latest posts

Image may be NSFW.
Clik here to view.

How to implement `getProgress` method in `IonicRefresher` component

Hey guys! I’m trying to implement custom refresher content and I need to get the pull progress when user pulling down the page. I saw this method from the docs: ion-refresher: Pull-to-Refresh Page...

View Article


Image may be NSFW.
Clik here to view.

Ionic refresher does not get disabled

I tried this and it is working as expected. Can you provide your own StackBlitz reproducing the issue? StackBlitz Ionic Angular Refresher not disabling - StackBlitz An Ionic project based on...

View Article


How to implement `getProgress` method in `IonicRefresher` component

You should be able to use the ionPull event. Something like this: <IonRefresher slot="fixed" onIonRefresh={handleRefresh} onIonPull={handlePull}>...

View Article

removeDeliveredNotifications crashes app on Android

Hello, When I immediately remove a received push notification on Android (not on iOS), it crashes the app. If I first retrieve all of them with getDeliveredNotifications, it doesn’t crash. It also...

View Article

Prevent iOS push notification from showing up

Hello, I’m building a chat. When a user receives a message, they’re supposed to get a push notification unless they’re in the chat already. With Android I can block the message by removing it with...

View Article


Input line not always visible in ionic 7.0.2

@palex01, I tried your appoach but it breaks the error message. Interesting enough, if I use the syntax name: [""], the line vanishes but it shouws up withname: this.formBuilder.control(""),

View Article

Handling Virtual Scroll with Nested Data in Ionic/Angular

Hello everyone, I’m developing an application using Ionic/Angular, and I need to create an agenda-like view to display information about a work team. The idea is to group and display a large number of...

View Article

How to implement `getProgress` method in `IonicRefresher` component

It’s working! Thank you very much.

View Article


Edge to edge Android

Hi Asko-Dev, I’m also facing issues with edge-to-edge layouts in my Ionic app. Could you please share your fix? It would be really helpful for handling safe area padding properly. Thank you

View Article


Emmanuel Katto : Issue with Back Button Missing in About Page Using Vue...

Hello Everyone, I’m Emmanuel Katto, currently working on a Vue project with Vue Router and I’ve encountered an issue. I have a button in the menu and another button in the main page content, both of...

View Article

Ng serve not recompiling on browser

I am facing an issue. I just upgraded my ionic angular to 7.2 and I created a project with standalone components and I ran ionic serve. Then I tried to change something within a template and the...

View Article

Ionic visual editor

We are developing applications using the Ionic framework and leveraging Appery for this purpose. We discovered that there was previously a platform called Ionic X Studio. Could you explain why this...

View Article

Emmanuel Katto : Issue with Back Button Missing in About Page Using Vue...

Please share what your routes look like and how you are navigating with your buttons to the About page.

View Article


Ng serve not recompiling on browser

I just created another blank project and it works… but only when I change something in the app.component.html. If I change something in home.page.html, it does not work. Is this a normal behavior now?...

View Article

Button labels disappearing on iOS device

I have a weird issue which would appear to be a bug to me - anyone got any idea what might be happening? This is an Ionic 8.4.1 / Capacitor 6.0.0 / Angular 18.2 app. The issue only occurs on the...

View Article


Ionic visual editor

I’m not affiliated with the Ionic team, but I did use Ionic Studio when it was first released. It was decent, but not the best fit for me. There were much better IDEs available at the time, and I...

View Article

Ionic visual editor

Our experience is fundamentally different. Platforms like Appery.io and X Studio enable application development 3-4 times faster than traditional methods. More importantly, application maintenance...

View Article


Image may be NSFW.
Clik here to view.

Edge to edge Android

hey guys yep sorry for the delay… so this is a fix that’s based on the safe area plugin but I wanted more flexibility so … this is the code you put to android/app/src/main/java…/MainActivity.java, if...

View Article

Image may be NSFW.
Clik here to view.

Ionic visual editor

appery: we recently developed an application for HR managers at a large company. These managers often want to make weekly changes to the app. With a visual IDE, they can implement these changes...

View Article

Ionic visual editor

In real-life scenarios, 99% of change requests are extremely simple, involving tasks like UI adjustments, text modifications, adding static screens, or updating images. There’s absolutely no need to...

View Article

Image may be NSFW.
Clik here to view.

Capacitor Camera : No Camera Found

My app should allow users to upload pictures from gallery. However, if I try to take a picture while another app is using the camera (like MS Teams), the app throws a No Camera Found message and . so,...

View Article


Edge to edge Android

Ok, Thankyou for this info.

View Article


iOS not updated on build

So I tried everything mentioned above that didn’t work, but one thing we missed was npm run build p.s. I still deleted android/ios folder and then run npm run build and then other commands of npx add...

View Article

Swiper JS issue with Ionic

Hello devs, so i have been having this issue recently with swiper js in ionic 7.2 with angular, i follow the most basic steps with proper imports of whatever it takes to use swiper js, yet when i run...

View Article

How to change the expanded toggle icon in Ionic React for Accordion?

I am using Ionic React which has multiple accordions <IonAccordion value="sortBy" toggleIcon={addOutline} toggleIconSlot="end"> <IonItem slot="header"> <IonLabel>Sort...

View Article


How to change the expanded toggle icon in Ionic React for Accordion?

You’d probably have to make the icon dynamic and swap it out using the ionChange event.

View Article

Ng serve not recompiling on browser

I have solved it. I was running ionic 7.2 with Angular 19.1.1 Upgrading my project to ionic 8 solved the problem. Upgrade to Ionic 8

View Article

Ionic 8 Angular 18: "The above dynamic import cannot be analyzed by Vite."

Just managed to fix it in my app here… I discovered the following accidental import: import { Platform } from '@ionic/angular'; Changed it to the following, and the problem went away: import {...

View Article

Ng serve not recompiling on browser

I am currenty using Ionic 8 and Angular 19, having the same problem.

View Article



Ng serve not recompiling on browser

Fix here ⚠️ Local development bugs with HMR · Issue #59602 · angular/angular · GitHub

View Article

Ionic visual editor

Visual editors like Appery are great for quick changes like fixing text or updating the look. They save time and let non-developers help too. But for harder tasks or to avoid problems, it’s still...

View Article

Ionic refresher does not get disabled

actually i tried on stackblitz and its working as expected , but somehow in my app it causing the issue which i mentioned , can you suggests which things should i check which are likely to cause this...

View Article

Parsing error: Cannot read file 'c:\ionic\tsconfig.json'. eslint

“eslint.workingDirectories”: [ { “mode”: “auto” } ] I fixed this issue by these magical lines. Include these lines in .eslintrc.json

View Article


Ionic refresher does not get disabled

Just reviewed your OP, and [disbaled] is misspelled. Did you misspell it in your actual code too?

View Article

Routing in Ionic React: Transition animation not working under specific...

When using routing in Ionic React, the following code executes a transition animation: const router = useIonRouter() router.push("/page1", "forward", "push") Here, if I change routeAction to pop to...

View Article

Image may be NSFW.
Clik here to view.

Ng serve not recompiling on browser

Also having this issue. home.page.html changes not reflecting. Have to re run “ionic serve” Ionic CLI : 7.2.0 (C:\Users-\AppData\Roaming\npm\node_modules@ionic\cli) Ionic Framework : @ionic/angular...

View Article


BaseComponents in Angular standalone

Hey, anyone knows how can I set the basecomponents in standalone components as there is no ngmodule?

View Article


Image may be NSFW.
Clik here to view.

Capacitor 7 build error

Hello, I have problems with new projects. When I put ionic start, it is automatically created in angular 19, capacitor 7 and generates an error when doing a build. Also, when I put the command npx cap...

View Article

Looking for some help with using MSAL in an Ionic, Capacitor, React project

It is my package: GitHub - hoangqwe159/capacitor-msal-auth: This Capacitor plugin provides seamless integration with the Microsoft Authentication Library (MSAL)

View Article

Image may be NSFW.
Clik here to view.

(Solved) XHR request been canceled ( on Android 6.0 device )

I had exactly same error (cancelled request) with capacitor 5 , ionic 8 (and .net 8 rest api on backend) on android device, it was working fine on web browser The problem was my rest api has not valid...

View Article

Ng serve not recompiling on browser

I had the same problem with Ionic 8 and Angular 19. I deleted the .angular folder, node_modules, and package-lock.json, then reinstalled everything. It helped, and now I don’t have to run ionic serve...

View Article


Image may be NSFW.
Clik here to view.

Capacitor 7 build error

That’s a problem with Ionic and angular 19, not really a Capacitor 7 problem. You can change this in the angular.json file github.com/ionic-team/starters fix(angular-standalone): prevent browser...

View Article

Ionic visual editor

Ionic Studio was pretty solid IMO. Been thinking about trying Appery - does it handle Ionic well? How much Ionic background would you recommend having?

View Article


Unable to override primary color in variables.scss since upgrading to ionic 8

Updating to ionic 8, PWA project doesn’t reflect any changing I am trying to make in the variables for the pre-defined colors. Using the New Ionic color generator to create the colors and their...

View Article

Image may be NSFW.
Clik here to view.

Warning en ionic build (7.2.0)

Hello, I wanted to ask about a warning. When I create a new project and then use ionic build, it generates a warning. I don’t know how this problem could affect my project. I should mention that I...

View Article


Unable to override primary color in variables.scss since upgrading to ionic 8

Hard to tell without more info. Are you using a framework? Maybe Angular? If so, then you need to change the include order of the style sheets. See Variables.scss seems to be ignored after upgrading...

View Article

Warning en ionic build (7.2.0)

Already answered today over here - Capacitor 7 build error - #2 by julio-ionic

View Article

Image may be NSFW.
Clik here to view.

Adding buttons to the year/month picker in ion-datetime

Is there a way to add confirm/cancel buttons to the month/year picker when using ion-datetime in calendar mode? What I mean is, if you have an ion-datetime as in the “Showing Confirmation Buttons”...

View Article

Unable to override primary color in variables.scss since upgrading to ionic 8

thanks bunch! That did it.

View Article


Warning en ionic build (7.2.0)

Hi, thanks for your reply. I can tell you that the folder structure issue did work for me, and it now compiles correctly on Android after making the change mentioned in angular.json, however this...

View Article



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