In this post, we will create a form having custom validation for required fields using jQuery. This custom form will also have reCAPTCHA v2 of Google to verify if the user is a bot or real person.
Our applications may have a lot of data for presentation, But for creating a good user experience it is preferable to see in a more understandable format like March 12, 2010 is better to read then Mon Mar 12 2010 15:23:40 GMT-0700 (Pacific Daylight Time).
For such small and repeated tasks of transforming values in other formats we used to use Filters in AngularJS version 1, But after Angular 2 we have pipes which serve similar tasks and once defined can be used anywhere in the application.
Showing tabs elements on a web page looks great and really minimize space coverage by content. The user feels free to select only heading to view related content. in mobile devices also we can provide similar behavior in responsive design.
in this post we will create responsive tabs in jQuery, this will not have any plugin. I have added some jQuery custom code and CSS to make it easy to plug and use anywhere.
A few days back Gmail changed it’s login screen with a nice interactive input field with floating labels when the user focus to write. This looks awesome and reminds of many android native device form fields. The ionic framework also having options to create a similar type of form fields with floating labels on them.
In this post, I will create a form inspired by similar style form fields for email and password. Here I will use on basic CSS and a pinch of jQuery code. I have kept this simple without using any bootstrap class so that it can be easily plugged and customized as per requirement.
In this post, we will add Cordova’s SQLite storage plugin in Ionic version 4 Application. This is the common and widely used storage plugin by most of the Ionic developers since version 1 of Ionic. Storage is widely used to store personalized settings by the user in the application which is not required to be stored on the server side.
Application developers sometimes need to save a bunch of information on the user side to control some features and provide some offline functionalities to application users, in that case, local storage proves very handy. Using Ionic’s Native storage plugin we can storage key value pairs which may have any type of data from a simple string or integers to JSON objects. But this locally stored data will remain until the application is Uninstalled or device is formatted.
A few days back I was facing a strange issue i.e Plugin Not Installed! in of my Ionic 3 Application. The weird thing about this issue was, the application was working fine in development APK and even after creating productions release of APK it was working fine, the issue used to happen when I installed the application from Playstore after release.
In the previous post, we discussed how to get location coordinates using Geolocation and then converting those coordinates into understandable addresses. But adding a map in a mobile application really adds much value making it more useful and interactive. Google Map API can be used to add fully featured maps anywhere, In this post, we will implement Maps in Ionic 4 Application and also use Geolocation and Geocoder plugin to fetch device location then fetch Address available for those coordinates we get.
Clipboard is referred to a special memory space provided in the device, specialized to keep last copied data like text, images, files etc. Clipboard is a temporary space which is washed out as user copies new data and replaces existing data.
In the previous post we discuss on the implementation of Clipboard plugin in Ionic version 3, but here we will implement the clipboard plugin in Ionic latest version 4. It is still in beta phase but soon it will be available as stable.
In this tutorial we will implement Clipboard or Copy Paste plugin in Ionic 4 application, using which developer can provide a handy operation to a user for easy copy and paste features on some event like button click as sometimes it takes much time to select text and paste it somewhere by deleting existing and long tap to paste.
In a native application like android, we have various approaches to keep a service or operation running while the application is minimized or not in the foreground. But in a hybrid application like built-in Ionic framework, we have some limitation to do that as the applications are not that much flexible to use background services or any broadcasts attached to some working threads.