In this tutorial, we will create a scroll progress bar to indicate a user about how much of the total page is scrolled and how much is left to scroll. This scroll bar is generally shown on top of the page so that a user gets to know about the length of the page currently
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,
In this article, we will learn How to create an Ionic 5 application using React and also go through the structure and get to know How actually a React application works? In starting or before Ionic’s version 4, Angular was the only choice available to build an Ionic application. But now Ionic provides multiple platforms
The ion-segment UI components display buttons in a group of a horizontal row. These button groups are switched on tap with a beautiful sliding effect in Android as well as IOS
Ionic’s Camera Preview Native plugin provides an awesome floating Camera view in application pages itself without even opening the Camera application. The Camera Preview plugin provides native features of a camera that can be easily controlled using built-in class methods. Switch FRONT / BACK camera Turn On/Off/Auto flash Camera Effects; none | aqua | blackboard
In this article, we will learn How to use Native Camera of the device in Ionic 5 Angular application using Native plugin and Cordova wrappers to access device features. The Native Camera plugin allows an application to click photos or get them from the phone’s own gallery. There are also a number of configuration options
The geofence is an area defined in a geometrical shape which can be a circle or any polygon shape around a coordinate on a Geological map. In google maps, a Geofence is used to know if the current device has entered or exited from a geofence. Indication about leaving or exiting a Geofence can be
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 Geolocation Native Plugin Example Tutorial Compatible with Ionic 4 & 5 Angular Using Ionic’s Geolocation native plugin we can get current coordinates and other information like accuracy, speed, timestamp, altitude etc.
A search-filter to any data list or table adds up more value to the usability of the page. In this article, we will learn how to quickly add a search filter on any type of data which can be a list or table using a special filter package ng2-search-filter for Angular projects.