Ionic 4 | Adding Toasts in Ionic 4 Application using UI Components without Plugins

In most of the applications these days whether they are mobile or web-based show information notifications in the form of toasts. Toasts are used in application to notify users are operational feedbacks like an error message, success alert or update information notification.

In the Ionic application as well we have beautiful Toast UI components which can be used without any plugin. In this post, we will add Ionic Toasts in few steps and also discuss some of the basic methods like Creating, Positioning and Dismiss toasts.

Continue reading Ionic 4 | Adding Toasts in Ionic 4 Application using UI Components without Plugins

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

Ionic 4 | Show Native like Toast Messages in Ionic Application in 2 Steps Without Any Plugin

In this post, we will discuss How to Add Ionic 4 Toast Component in Application in few easy steps. Ionic toasts are available with many options and event handlers which can be used without any plugin.

Toasts are basically messages which are used to show some sort of information to users like success or error messages. These are similar to Native toasts shown in Android or IOS applications.

Continue reading Ionic 4 | Show Native like Toast Messages in Ionic Application in 2 Steps Without Any Plugin

Ionic 4 | Latest Angular Routing in Ionic 4 Application

After the release of Ionic’s stable version 4, the major change which is introduced besides web components is related to Routing. The latest version of Ionic now supports Angular Routing.

In the earlier version on Ionic, there was the concept of push and pop, where pages were pushed in a stack of pages having viewable page object on top. So if we want to go to some page we simply go to that pushed page index or push a new one.

Continue reading Ionic 4 | Latest Angular Routing in Ionic 4 Application

Ionic 4 | Turn on Device GPS in Ionic 4 Application Without Leaving App using Ionic Native Plugin

In Ionic Application which is using Geolocation get device location coordinates like latitude and longitude may need more accuracy. Device Geolocation service can location coordinates using the network, WiFi Bluetooth but for more accurate location device GPS option must be turned on, which can provide Location accuracy up to 10m which proves quite good for real-time and delivery applications.

In this post, we will discuss How to Turn on Device GPS option from Ionic 4 Application itself, so that user does not need to leave application. We will use Cordova and Ionic Native plugin, which will prompt the user to turn on GPS.

Continue reading Ionic 4 | Turn on Device GPS in Ionic 4 Application Without Leaving App using Ionic Native Plugin

Ionic 4 | Adding Google Analytics in Ionic 4 Application using Cordova and Ionic Native Plugin

Google Analytic is very popular among Web applications to track various parameters like traffic analysis based on demography, event activity, content-based analysis etc. We have already discussed How to integrate Google Analytics in Ionic 3 application. Google Analytic provides use dashboards to view real-time traffic on Web Applications.

In this post, we will discuss on How we can integrate Google Analytics in Hybrid applications based on Ionic’s latest version 4. As hybrid application based on web view so it is very easy to integrate with a few steps.

Continue reading Ionic 4 | Adding Google Analytics in Ionic 4 Application using Cordova and Ionic Native Plugin

Ionic React | Introduction to Latest React beta version of Ionic 4

The ionic team launched Web Component-based Ionic’s latest version 4 to make it more compatible with major frameworks other then Angular. With the rising trend in other JS libraries like React and Vue Ionic team is constantly working to provide the Ionic platform an option for React developers.

Continue reading Ionic React | Introduction to Latest React beta version of Ionic 4

Ionic 4 CRUD Operations Using Firebase and Firestore Database Tutorial in Ionic 4 with Angular 7

In this post, we will use Firebase and Firestore’s NoSQL Database in Ionic’s latest version 4. In our tutorial, we will implement CRUD operations which stand for Create, Read, Update and Delete.

CRUD operations are some of the basic and required by most of the application dealing with database communications. Here we will use Firestore which is Google Firebase service providing Cloud-based storage services.

Continue reading Ionic 4 CRUD Operations Using Firebase and Firestore Database Tutorial in Ionic 4 with Angular 7

Ionic 4 | Implement Image Picker in Ionic Application using Cordova and Native Plugin

In Ionic applications, we may have support to select multimedia data by a user like images, for that we can show an Image Picker feature for easy selection of Images. In this post, we will discuss How to Add image Picker Ionic native Plugin. After adding this Cordova and native plugin you can easily choose images and show selected images on the page.

Continue reading Ionic 4 | Implement Image Picker in Ionic Application using Cordova and Native Plugin