Ionic 4 | Storage Tutorial in Ionic using Native Storage Plugin

Storage of information on a user device is very important and required in almost every application. This information saved on a user device can be of any type including user sessions, profile details, user or application settings etc.

In Ionic application, we can store such information in WebView memory which remains even if the user closes application or clears app cache from the device. There are two easy ways for storage in the Ionic application:

Continue reading Ionic 4 | Storage Tutorial in Ionic using Native Storage Plugin

Ionic 4 | Geolocation Camera clicking Pictures with Watermarked Latitude & Longitude Coordinates

In this article, we are going to create an Ionic 4 application with a GeoCamera feature. The application will take pictures from device camera then watermark them with current location coordinates with Lattitude and Longitude.

Sometimes users may need this functionality in application to watermark images with any of such information for validation purposes. In this tutorial, we will also discuss a very useful js library WatermarkJS which can be used to marker mark images with text or images.

Continue reading Ionic 4 | Geolocation Camera clicking Pictures with Watermarked Latitude & Longitude Coordinates

Ionic 4 | Use Camera using Ionic Native plugin in Ionic 4 Latest version

Ionic 4 Application to use Camera and get pictures returning images as Base64 URL to show user Image taken.

Hybrid applications are very quick to build but sometimes it becomes challenging to achieve some features which involve access to hardware like GPS, Network, Storage, File Storage, Camera. Cordova comes in charge to provide plugins to make a connection with java libraries to use them.

We have already discussed How to access the camera in Ionic’s version 3, in this article we will use Camera feature in Ionic application with latest version 4 using Cordova and Ionic Native Continue reading Ionic 4 | Use Camera using Ionic Native plugin in Ionic 4 Latest version

Angular 7/8 | How to Add Tooltips using Angular Material components

The tooltip component is a piece of information shown to the user for actions. Tooltips prove very handy for developers to communicate with users with useful messages in the application. The best thing is developer doesn’t need to care about space as they are overlays floating above content.

Angular material provides a number of useful components which are very easy to use after configuration.

In this article, we will discuss How to add Angular Material Tooltip in the application. There is a number of parameters and options available for customizing tooltip behavior. Continue reading Angular 7/8 | How to Add Tooltips using Angular Material components

Angular Material 7/8 | Add Expansion Panel/ Accordion in Angular project using Material

Accordion is an interactive component consisting of panels with headers and content section. These panels can be clicked to expand collapse to show description area.

We are very well familiar with jQuery UI library which was having a beautiful accordion component with a number of API options available.

In this tutorial, we will Implement Angular Material Accordion/ Expansion Panel component using the latest CLI and Material version 8.

Continue reading Angular Material 7/8 | Add Expansion Panel/ Accordion in Angular project using Material

Angular 7/8 | Edit/ Add/ Delete Rows in Material Table with using Dialogs inline Row Operation

In this guide, we are going to create a datatable grid with Angular Material Table component which will have some basic operations like Add, Update and Delete rows using Dialog component. Continue reading Angular 7/8 | Edit/ Add/ Delete Rows in Material Table with using Dialogs inline Row Operation

Ionic 4 | Crop Images selected from Image Selector show in base64 format using Native plugins

In many applications, we usually face some situation where we need to get Cropped images from users during form submissions. Cropped images are usually small in size and have only that part of an image which is required. Image crop behavior should be easy to use and of course easy to implement 😛

Continue reading Ionic 4 | Crop Images selected from Image Selector show in base64 format using Native plugins

Capacitor | How to create a simple App using Capacitor with or without Ionic

We are heading a term Capacitor with Cordova for a long time. But what is a Capacitor? How to use it? Is it a substitute for Cordova? Can we use it with Cordova? there are many Questions which we will try to answer in the best possible way!

Continue reading Capacitor | How to create a simple App using Capacitor with or without Ionic

Ionic 4 | Get Unique Device ID & Other Uid’s of UUID, IMEI, IMSI, ICCID and MAC using Native & Cordova Plugins

A device may have a different type of ID’s stored in it which are of different type and have different significance. Each device has this type of ID’s but in unique and distinct values. These ID’s can be a Unique Device ID, IMEI Sim number, MAC Address, etc. Continue reading Ionic 4 | Get Unique Device ID & Other Uid’s of UUID, IMEI, IMSI, ICCID and MAC using Native & Cordova Plugins