Accordion is an interactive component consisting of panels with headers and content section. These panels can be clicked to expand collapse to show description area.
We are very well familiar with jQuery UI library which was having a beautiful accordion component with a number of API options available.
In this tutorial, we will Implement Angular Material Accordion/ Expansion Panel component using the latest CLI and Material version 8.
Continue reading Angular Material 7/8 | Add Expansion Panel/ Accordion in Angular project using Material
In this guide, we are going to create a datatable grid with Angular Material Table component which will have some basic operations like Add, Update and Delete rows using Dialog component. Continue reading Angular 7/8 | Edit/ Add/ Delete Rows in Material Table with using Dialogs inline Row Operation
Today we will talk about a Spread Sheet like Datagrid/ Datatable which is fully featured and works like a charm. SlickGrid library is known for its performance, which can display a large number of data( More than 1 million rows ) in single Datatable.
SlickGrid is very popular as a jQuery library and able to show data in any format and form. Datagrids generated can be easily customized through Bootstrap 4. You can also add your own custom style using CSS or SCSS variables. Continue reading Angular 7 | Add SlickGrid a best performing Excel Sheet like Datagrid liberary in Angular 7 Web App
In many applications, we usually face some situation where we need to get Cropped images from users during form submissions. Cropped images are usually small in size and have only that part of an image which is required. Image crop behavior should be easy to use and of course easy to implement 😛
Continue reading Ionic 4 | Crop Images selected from Image Selector show in base64 format using Native plugins
We are heading a term Capacitor with Cordova for a long time. But what is a Capacitor? How to use it? Is it a substitute for Cordova? Can we use it with Cordova? there are many Questions which we will try to answer in the best possible way!
Continue reading Capacitor | How to create a simple App using Capacitor with or without Ionic
A device may have a different type of ID’s stored in it which are of different type and have different significance. Each device has this type of ID’s but in unique and distinct values. These ID’s can be a Unique Device ID, IMEI Sim number, MAC Address, etc. Continue reading Ionic 4 | Get Unique Device ID & Other Uid’s of UUID, IMEI, IMSI, ICCID and MAC using Native & Cordova Plugins
Star Rating component is widely used in web applications to get user feedback. Rating widget provides a quick way to get user responses on a large number reflecting the quality of service they are provided.
Web applications dealing with customers can show Rating widget which is fully customizable to meet brand themes.
Continue reading Angular 7 Bootstrap 4 | Add Star Rating widget in Angular Application using ng-bootstrap Web Component
Bootstrap provided a wide variety of easy to use Web Components for UI development. NG-Bootstrap is Angular based library using which we can use Bootstrap UI web components in Angular’s latest versions.
Continue reading Angular 7 Bootstrap 4 | Add Image/ Content Slider/ Carousel using ng-bootstrap in Angular 7 Applications
Compatible from Angular 2 to 8
Datatable is popular among developers developing in web projects using the mainly jQuery library. It is a full package of many basic features like Pagination, Sorting, Filter search bar, etc.
In this post, we will implement this fully featured Datatables library in Angular project and discuss various options available from basic to advance level of Datatables.
Continue reading Angular 7/8 | Use Popular jQuery Datatables in Angular2+ Projects in few steps
Tooltips play an important role to provide a more informative user-friendly interface. Tooltips are small information boxes which show up floating on a specific area to give some sort of textual information.
In Angular web applications also we may want to integrate tooltips on some key areas like icons, action buttons or to show full information, etc.
Continue reading Angular 8 | Add Hover Text Tooltip Module without any dependency in Angular web application