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 ArticleIonic 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 ArticleHow 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 ArticleremoveDeliveredNotifications 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 ArticlePrevent 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 ArticleInput 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 ArticleHandling 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 ArticleHow to implement `getProgress` method in `IonicRefresher` component
It’s working! Thank you very much.
View ArticleEdge 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 ArticleEmmanuel 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 ArticleNg 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 ArticleIonic 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 ArticleEmmanuel 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 ArticleNg 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 ArticleButton 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 ArticleIonic 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 ArticleIonic 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 ArticleEdge 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 ArticleIonic 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 ArticleIonic 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 ArticleCapacitor 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 ArticleiOS 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 ArticleSwiper 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 ArticleHow 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 ArticleHow 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 ArticleNg 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 ArticleIonic 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 ArticleNg serve not recompiling on browser
I am currenty using Ionic 8 and Angular 19, having the same problem.
View ArticleNg serve not recompiling on browser
Fix here ⚠️ Local development bugs with HMR · Issue #59602 · angular/angular · GitHub
View ArticleIonic 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 ArticleIonic 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 ArticleParsing 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 ArticleIonic refresher does not get disabled
Just reviewed your OP, and [disbaled] is misspelled. Did you misspell it in your actual code too?
View ArticleRouting 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 ArticleNg 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 ArticleBaseComponents in Angular standalone
Hey, anyone knows how can I set the basecomponents in standalone components as there is no ngmodule?
View ArticleCapacitor 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 ArticleLooking 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(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 ArticleNg 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 ArticleCapacitor 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 ArticleIonic 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 ArticleUnable 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 ArticleWarning 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 ArticleUnable 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 ArticleWarning en ionic build (7.2.0)
Already answered today over here - Capacitor 7 build error - #2 by julio-ionic
View ArticleAdding 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 ArticleUnable to override primary color in variables.scss since upgrading to ionic 8
thanks bunch! That did it.
View ArticleWarning 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