Ionic Framework

Ionic React | Adding Barcode QR Code Reader Generator App Example

In this tutorial, we will learn How to implement Barcode or QR Code reader and generator in Ionic React application using Native plugin. Using Ionic Frameworks Native plugin we can easily scan or generate QR codes. In the previous tutorial, we have already discussed its implementation in Ionic application based on Angular framework. But here …

Ionic React | Adding Barcode QR Code Reader Generator App Example Read More »

Ionic 5|4 Slide Side Menu Navigation Drawer Tutorial with Example Application

In this Ionic 5/4 Tutorial, we’ll learn how to add the Sidebar navigation menu in an Ionic Angular application. A sidebar navigation menu is inspired by native Android and iOS applications. Ionic based hybrid application can also add a similar type of Sidebar navigation drawer easily with the help of UI components provided by Ionic …

Ionic 5|4 Slide Side Menu Navigation Drawer Tutorial with Example Application Read More »

Ionic 5 Add Tabs Navigation Routing in Ionic Angular Application

In this tutorial, we will add Tabs navigation in the Ionic 5 Angular application. By tapping on these tabs bar a user can navigate through different application pages by which can be switched using the Angular Routing mechanism. Tabs based navigation provides quick access to major sections of an application like search product, cart, settings, …

Ionic 5 Add Tabs Navigation Routing in Ionic Angular Application Read More »

Ionic 5 Camera Preview on Screen Floating Camera View In Page Tutorial with Example App

In this Ionic 5/4 tutorial, we are going to discuss how to add a floating camera window/ preview which can be switched for front or rear camera with multiple camera filters in Ionic Angular application using Cordova and Native Plugins. Ionic’s Camera Preview Native plugin provides an awesome floating Camera view on the component in …

Ionic 5 Camera Preview on Screen Floating Camera View In Page Tutorial with Example App Read More »

Ionic 4/5 Angular Google Maps with Places Search using @agm

In this tutorial, we will learn how to add Google Maps in an Ionic application using a powerful package @agm. The @agm package provides directive components to easily add Maps, Markers and Geometric shapes like Radius on Google Maps in Angular applications. Here we will use the power of this great package to implement Google …

Ionic 4/5 Angular Google Maps with Places Search using @agm Read More »

Ionic 5 Tabs without Routing using Angular Bootstrap

In this Ionic 5/4 tutorial, we’ll add the Tabs component in the Ionic Angular application page without Routing. We’ll be using the Ngx-Bootstrap package to integrate Bootstrap in the Angular project. We have already discussed how to add Tabs in an application using Ionic Framework using the UI component. But these Tabs have their own …

Ionic 5 Tabs without Routing using Angular Bootstrap Read More »

Add Offline, Online Video Player in Ionic 5 Angular Application using Cordova Plugin

In this Ionic 5 tutorial, we’ll add a Video Player inside the Ionic Angular application for playing multimedia files by using the Cordova and Ionic Native plugins. The Cordova plugin for Video playing allows playing videos available in the assets folder inside the application package. We can easily add functionality to immediately play a video …

Add Offline, Online Video Player in Ionic 5 Angular Application using Cordova Plugin Read More »

Ionic 5|4 HttpClient CRUD Service Tutorial to Consume RESTful Server API

Angular’s HttpClient service enables the communication between application and server by making an HTTP call to RESTfull API endpoints. In response, we get JSON data which is consumed to show meaningful content to users in client-side applications. In this tutorial we are going to learn, how to use HttpClient service in Ionic 5 Application to …

Ionic 5|4 HttpClient CRUD Service Tutorial to Consume RESTful Server API Read More »

Ionic 5 Datepicker & Timepicker using Cordova, Native plugin Tutorial with Example

In this Ionic 5/4 tutorial, we are going to implement native-like sliding Datapicker and Timepicker using Cordova and Native plugins. To give a more native look to the Ionic applications we can replace HTML based Date & Time picker with Android’s Native Date and Time picker in Ionic hybrid applications. Ionic’s Native Datetime Picker plugin …

Ionic 5 Datepicker & Timepicker using Cordova, Native plugin Tutorial with Example Read More »

Ionic 5 + Angular Material 9 | How to Add Angular Material in Ionic to Use its Components

Angular Material is an awesome UI framework which is fully compatible to work with Angular applications. It is fully loaded with a wide variety of awsome UI components which are supported for responsive and multi-device platforms. There are a number of easy to use components like Autocomplete, Datepicker, Stepper, Tree structures, DataTables, etc which can …

Ionic 5 + Angular Material 9 | How to Add Angular Material in Ionic to Use its Components Read More »

Scroll to Top