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.
Continue reading Responsive Tabs in jQuery Without Any Plugin!
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.
Continue reading Gmail Login Input Field Style!
In this post, we will add Cordova’s SQLite storage plugin in Ionic version 4 Application. This is the commanly 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 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.
Continue reading Ionic 4 | Adding Native Storage in Application Using Cordova SQLite Storage Plugin
Continue reading Ionic 3/4 | Adding Google Maps SDK Cordova Plugin in Ionic 4 Application
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.
Continue reading Resolve! plugin_not_installed issue in Ionic 3/4 Applications
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.
Continue reading Ionic 4 | Add Clipboard Plugin ( Copy and Paste ) Ionic Native 4.x Version
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.
Continue reading Ionic 4 | Keep It Running in Background using Cordova and Ionic Native plugins
Yeah! I am writing this post in all new Advanced Editor! this looks very COOOL! 🙂 A new layout with a lot of new editing features.
Continue reading WordPress 5.0 | How to Disable Block Editor and Get Back Classic Editor
Last Updated On 11/Mar/2019 for Latest Ionic Version 4.11.0
In this post, we will discuss on how to show local images in application asset’s images folder in Image / Photo viewer having basic functionalities like Pan, Zoom, Share download image on device etc.
Continue reading Ionic 4 | Implement Image Viewer for Photos in Assets folder