Ionic 3/4 How to Change CSS Custom Properties of UI Components

The ionic framework provides very beautiful UI Components like custom buttons, select boxes, loaders, alerts, toasts, checkboxes & radio etc.

These are fully customizable with many options like for example if we take a button, we can easily change its color, shape, fill style with various available options given on respective UI component docs like for button it here

But for custom branding and modification of application to a specific style may need deep style management of each and every UI component. The ionic framework is really a great platform which makes customizations and styling of Ionic web components very easy.

Continue reading Ionic 3/4 How to Change CSS Custom Properties of UI Components

Xiomi MiUI 10 | How to Enable Developer Mode for Debugging Android Applications

Development in the Ionic framework is mostly handled through CMD Command prompt. We can open code, create APK packages, install plugins etc from CMD itself. But sometimes to test some of the Ionic Native plugins need a real device, for that we may create APK using  $ ionic cordova build android and then we can transfer the generated an APK in the phone.

Continue reading Xiomi MiUI 10 | How to Enable Developer Mode for Debugging Android Applications

Ionic 3 | Toast Not Hiding Issue using Toast Controller Workaround!

Ionic 3 provides Toast Controller using which we can have close enough toasts like native applications. Toasts prove very helpful in making user interfaces more friendly, we can alert users for small information like data processing, please wait, It’s Done! like messages.

Continue reading Ionic 3 | Toast Not Hiding Issue using Toast Controller Workaround!

How to Create Production Release in Ionic 2/3

After finishing my app development and testing phase, I tried to find some good documentation for generating production release of my build APK. When I searched on Google, the first link which landed me on Ionic docs explaining to create production release in Ionic 1. As ionic 2/3 is based on Angular 4 latest component-based technology having a powerful feature called AOT (Ahead of Time). AOT in simple terms reduced the code to level where we have only that much code which is required for our application.

Continue reading How to Create Production Release in Ionic 2/3

Template Caching Ultimate Hack for Ionic Optimization

The Ionic framework is best suited for the development of Hybrid apps, it provides ultimate and great features to remove that thin like to distinguish between Native and Hybrid apps. You can visit my previous post for another useful trick for Ionic optimizations.

In this post, we will discuss Template Caching technique which we can use in our Ionic applications, which optimizes the Ionic app to great extent. This will remove fluctuations which we face when we switch from one view to other as it preloads all view in advance.

Continue reading Template Caching Ultimate Hack for Ionic Optimization