In this React 16 tutorial, we’ll implement the Carousel component to create a responsive touch-friendly fully-features image or content carousel. Image Sliders or Carousels are used to represent the number of items in the form of simple graphical images, HTML content, or media files like videos. Today we are going to implement a powerful yet
[Resolved] ContactForm7 File Attachment Not Recieved in Email
In this tutorial, we’ll learn How to send file attachments with emails sent from WordPress Contact Form 7 plugin. A few days back I was adding a form in WordPress website and we all know the most popular plugin to add forms is Contact Form 7. Contact Form 7 is very easy to configure and
Angular Material 10/9 Datatable Expand/ Collapse Single or Multiple Rows
In this Angular 10/9/8/7 Material tutorial, we’ll discuss how to add extra rows and enable Expand and Collapse for single or multiple rows on button click in the material datatable. Angular material provides a wide variety of UI components, Datatables is one of the topmost used components to create a tabular grid with multiple features
Angular Material Datatable | ‘No Records Found!’ & Hide Pagination
In this Angular 9/8 Material tutorial, we’ll discuss how to show a ‘No records found!‘ message when there is no data to show in the data list and also hide the pagination. Angular Material’s Datatables is a well-equipped component to show data in tables with lots of features like Sorting, Data filtration, Pagination Column freeze,
Create Excel from JSON in Angular 9|8|7 using Exceljs Tutorial with Example
In this Angular 9/8 tutorial, we will learn How to export JSON data into XLSX / Excel file using the Excel Js library. Using ExcelJs we can create custom formated and styled XLS files using JSON data in Angular Applications. In modern applications, we can display data in many forms like sometimes we represent in
Ionic 5|4 Status Bar Config color, hide, overlap using Cordova & Native Plugin
In this Ionic 5/4 tutorial, we will learn how to configure Status bar showing on top of the mobile screen in multiple platforms like Android, iOS, and Windows. We will use Cordova and Ionic Native plugin to change color or status bar and also change its behavior to overlap the review.
Ionic 5 Native In App Purchase Tutorial with Example Application
In this Ionic 5/4 tutorial, we’ll integrate In-App Purchase functionality in Android and iOS applications using Cordova and Ionic Native plugins. The In-App Purchase feature allows a user to buy from a list of available products in the Application store. Use can make purchases from a list of items available make payments and also restore
Angular 10/9 Upload Image using Node.js Server APIs built on Express Js
Hey there! in this post, we are going to learn how to upload images and documents using post HTTP calls with a Node.js server. We’ll be creating the API routes using Express.js and use the Multer package module for tasks related to file uploading. We have a lot to learn in this post, we’ll set
Ionic 5 Adding Vibration Ionic Example Application using Cordova & Native Plugins
Hey there, in this Ionic 5/4 tutorial, we are going to implement a native vibration feature in an Ionic application using the Cordova plugin and its Native wrapper for Angular. To use the Vibration feature, the application needs to access the hardware components of the real device. In high-level programming languages like Java, Dart, etc
Ionic 5 Progress Bar using ion-progress-bar Component Tutorial with Example App
In this Ionic 5/4 tutorial, we’ll learn how to implement a vertical progress bar UI component in Ionic Angular applications. Ionic Framework provides a wide variety of UI components so that we barely need to create our own. The progress bar UI web component is added in the Ionic application by using the ion-progress-bar directive.
Ionic 5|4 Fingerprint AIO Authentication for Android & iOS Example Application
In this Ionic 5/4 tutorial, we are going to implement Fingerprint Authentication Biometric Scanner in Ionic Angular application for Android and iOS platforms with an example application. Most of the modern Android and iOS devices come with Fingerprint sensors to secure the device and its application using biometric credentials. These biometric details can be used
Ionic 5 Alert, Confirm and Prompt Component Tutorial with Example Application
In this Ionic 5/4 tutorial, we’ll learn how to show Alerts, Confirm and Prompt message overlays in an Ionic application by using the AlertController available in UI components of Ionic Framework. What are Alerts? To quickly draw the attention of a user, we generally show an Alert message which can display a text message
Angular Material 9|8 Progress Bar Loader Example Tutorial
In this post, we will discuss How to Implement the Progress bar in Angular application using the Material library. Angular Material provides a wide range of web components that are very easy to implement and use in Angular applications. Here we will create a new Angular project using CLI and discuss How to use Progress
Angular Material 9 Modal Popup Example
In this post, we’ll learn how to open a Modal Popup Dialog in Angular 9/8 application using the Material UI library. Angular Material is a UI library which provides a number of components. It works great with the Angular framework and helps in developing awesome applications. This UI library is based on Material design principals
Ionic 5 Ion-Slider with Cube, Fade, Flip and Coverflow effects Tutorial
In this tutorial, we’ll add Ionic Slider in Ionic 5 Angular application and implement sliding effects like Cube, Fade, Flip and Coverflow as animation transitions during the carousel navigation. The ionic framework provides an Image or content slider which is very popular due to flexible and awesome configuration ability. The ion-sliders UI component is used
Ionic 5|4 Sliding Number Counter using ng2-odometer
The numbers figures in the Ionic/ Angular application can be converted into an animated sliding counter. The ng2-odometer module adds a pinch of awesomeness to numbers by showing them in an incremental and animated way. In this post, we will discuss an awesome plugin which can be added to any reactive application including Angular Web
Ionic/ Angular Create Mock server using json-server and faker to test HTTP APIs
Today, in this post we will discuss How to create a mock server using json-server and faker library package which acts like a real server and can help to test client-server communication without any need for a real server. In a real-world application which serves dynamic content in the application is connected to a server
Angular 9|8 Material Datatable Inline HttpClient CRUD Operations using RestFull APIs
In this Angular tutorial, we’ll learn how to use HttpClient module in Angular application to make RESTFull API Ajax calls. We’ll set up a new Angular 9 project and create API endpoints to perform Create, Read, Update and Delete operations using HTTP methods using a mock server using the json-server package. Using json-server we can
Angular 9|8 Radio List Required Validation using Reactive Form
In this tutorial, we will learn how to add required validation on Radion control list in the form. To validate the form we will be Reactive form approach provided by ReactiveFormModule service. Radio control enables a user to select only a single value from a group of options with the same name. The radio control
Angular Material 9|8 DataTable, Pagination, Sorting, Filter and Fixed Columns Tutorial
In this tutorial, we will learn How to add data tables in Angular 9/8 application using the Material UI library. Angular Material is a UI library which provides several useful and Angular compatible UI components. Material’s latest version 9 can be easily installed by running a single NPM command in Angular CLI command line. A
