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.
In this Ionic 5/4 tutorial, we will implement the Action Sheet menu in the Ionic 5 application. The action sheet menu is open by sliding up from the bottom of the view. Action sheet menu is added to provide some action controls to the user which pops up and gets visible which takes no space
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
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
Uploading media files like profile images or PDF or Word documents to the server via a web form is a common practice in data-centric applications. In Angular application where data is sent via HTTP calls, we can easily convert images and docs to the Base64 string and send them to the server is using HTTP
Adding Asterisk to required fields on a form helps the user to quickly identify the required fields. Adding a star(*) is now an industrial standard that is required in almost every data-centric application consuming any kind of data. For lengthy form it becomes a cumbersome job to add star sign to every form of control.
In this tutorial, we will learn how to create custom Directive in Angular Application and re-use them in different components and at different levels of module hierarchy. Sometimes in large Angular applications, we may have a more complex structure of components where some of them may have their own modules and sub-modules or components.
Ionic UI components prove very helpful in quickly creating responsive view layouts compatible with almost all screen sizes. But some times we may need a gid system like we rows and columns are popularly known in bootstrap for better and tight distribution of elements Horizontally and Vertically on an app page. Ionic provides a well-trained
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
In a hybrid application that runs in a WebView, we sometimes face challenges to have control on Keyboard to show or hide when the user starts to type in. To resolve this ve have Cordova plugin which controls keyboard events and provides easy methods to intentionally show or hide Keyboard on user screen. Here we
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
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
In this Ionic 5/4 tutorial, we will discuss how to update the version from the application itself without leaving going to App Stores. This will open a dialog when there is a new application version is available, then a user can directly download the updated version. Whenever we update APK with the latest version on
In this Ionic 5/4 tutorial, we will integrate Firebase services and see how to upload images in Ionic application with a progress bar indicator on the Firebase database. As we all know Firebase provides an awesome package of cloud services making the life of developers very easy. There is a wide range of tools available
Ever wondered about a feature to convert text to speech? Yes, it’s possible to make you Ionic application speak the text. By using Text To Speech Cordova plugin we can easily add this feature in hybrid application. Text to Speech Ionic Native plugin can be used to read out text in local in a beautiful
In this article, we will implement SQLite Database in Ionic 5 Angular based application by using SQLite Native plugin. SQLite is used to set up a local device database that can be used to store data using SQL queries. We can easily do basic CRUD operations on data like Create, Retrieve, Update or Delete Data
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
In this article, we are going to learn how to watermark images in Ionic 5/4 applications using the WatermarkJs module. using which we will create a Geolocation camera. The application will take pictures from the device camera then watermark them with current location coordinates with Lattitude and Longitude. Sometimes users may need this functionality in
In this Ionic 5 tutorial, we’ll discuss how to use Native Camera feature in an Ionic application 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,