Quantcast
Channel: Ionic Framework - Ionic Forum

Image may be NSFW.
Clik here to view.

Ion-toast does not accept html even when enabling innerHTMLTemplatesEnabled =...

Toast has been created with message that should be recognised as HTML, but is shown as undefined even though the ionic config IonicModule.forRoot({ innerHTMLTemplatesEnabled: true }), has been...

View Article


I want to convert my job website direct into the app using using ionic is...

Hello everyone, I want to convert my website into a mobile app. My website is working on mobile devices perfect. So i want to directly convert it into mobile app i can do that using ionic framework. I...

View Article


Integrating ViewTransition API with ion-router-outlet

I am currently working on incorporating the ViewTransition API into my Ionic application to enhance page transitions. While the integration functions seamlessly with Angular’s router-outlet, I...

View Article

Darshan Hiranandani : Can I Use Ionic Without Its UI Components?

Hi everyone, I’m Darshan Hiranandani, working on a project with Ionic, but I’m not using any of its UI components. I know it might sound like an odd question, but will Ionic still work properly for...

View Article

Image may be NSFW.
Clik here to view.

Ionic refresher does not get disabled

i’m using ion-refresher, to refresh the data which works completely fine, now what i want to do is to disable the refresher for some time to cool it down after refresh but it does not get disabled and...

View Article


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

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

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

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

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


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

BaseComponents in Angular standalone

Hey, anyone knows how can I set the basecomponents in standalone components as there is no ngmodule? 1 post - 1 participant Read full topic

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

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

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

How can I go from ionic 4.0 to version 8.0?

Please describe the question in detail and share your code, configuration, and other relevant info. A while ago I made an application using ionic 4.0 and I would like to update it to version 8.0. I...

View Article

Simulating a Broken Screen Effect in Ionic App

I’m building an app where I want to simulate a “broken screen” effect (like cracked glass) triggered by a shake or button press. I found a useful example of this effect here: Broken Screen something...

View Article


Ionic App update ionic3 - ionic7

Hello, my name is Andreus and I need big help. I’m working on updating an Ionic app. The app was originally made with Ionic 3, and now I’m trying to update it to Ionic 7. To do this, I started a new...

View Article


Good evening, I generated an order application with ionic.

Good evening, I generated an order application with ionic. It runs on a local server and users access it through their cell phone browser using the server’s IP address. But what happens is that the...

View Article

Image may be NSFW.
Clik here to view.

Ion-list with label and note - note in next like text is very large

Hello, I’m using the latest ionic in vanilla JS and it works out fine, however I’ve this piece of code to generate a list of items: return `<ion-item> <ion-label>${name}</ion-label>...

View Article

Ionic Angular/ React not Deploying to vercel

Using Ionic start to make a new project, once the project has been made, uploading it to GitHub then deploying to Vercel results in a 404 error code not found. Tried this with Ionic Angular and Ionic...

View Article



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