Angular 7 Bootstrap 4 | Add Image/ Content Slider/ Carousel using ng-bootstrap in Angular 7 Applications

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

Angular 7/8 | Use Popular jQuery Datatables in Angular2+ Projects in few steps

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

Angular 8 | Add Hover Text Tooltip Module without any dependency in Angular web application

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

Ionic 4 | Set Screen Orientation in LANDSCAPE/ PORTRAIT and Lock/ Unlock using Ionic Native Plugin

In an Ionic application, we can easily force orient screen into Landscape or Portrait mode. In some situations developers need to show UI of application in a specific layout, this plugin can help to lock/ unlock screen orientation by calling a simple method. Continue reading Ionic 4 | Set Screen Orientation in LANDSCAPE/ PORTRAIT and Lock/ Unlock using Ionic Native Plugin

Ionic 4 | Add Screen Brightness Slider in Ionic 4 Application using Native plugin

Device’s screen brightness control is sometimes required to adjust screen visibility. A user generally adjusts screen brightness using quick menu by sliding down on the screen. In the Ionic application, we can programmatically adjust the screen brightness using a Native plugin.

Continue reading Ionic 4 | Add Screen Brightness Slider in Ionic 4 Application using Native plugin

Ionic 4 | Add Bottom to Up Menu / Action Sheets in Ionic Application without Native Plugin

In iPhones, you may have noticed that action options are shown in a sliding menu which pops out above screen sliding in from the bottom.

This is known as Action Sheet dialog mainly used to show some action buttons like in Facebook app they show options to report or flag post/images.

Continue reading Ionic 4 | Add Bottom to Up Menu / Action Sheets in Ionic Application without Native Plugin

Ionic 4 | Add Date & Time Picker in Ionic 4 Application without Native Plugin

Ionic 4 supports a new Date and Time picker UI component which can be added in the application without any Native or third party module. Implementation of Ionic’s date and time picker is very easy and very flexible in terms of formatting date time formats of adding any min or max validation.

In this post, we will discuss How to Implement Date & Time picker in Ionic 4 application with formatting and validation.

Continue reading Ionic 4 | Add Date & Time Picker in Ionic 4 Application without Native Plugin

Ionic 4 | Add Radio Lists in Radio Group Example and Tutorial

After the release of Ionic 4, the team has changed many of the UI component directives and properties. In this post, we will discuss Radio and Radio Group UI web components available in Ionic 4.

In Ionic 4 we can add Radio form fields by simply adding <ion-radio> directive in web component which is converted into a customized Radio element.

Continue reading Ionic 4 | Add Radio Lists in Radio Group Example and Tutorial

Ionic 4 | Adding Multi Language Translation Feature in Ionic Application using ngx-translate

Mobile applications are built for a wide audience and different countries, so it’s sometimes become important to present your application to people in their local language.

In this post, we will talk about a powerful library popularly known as nxg-translate. Application text content can be translated into languages which are selected and have related JSON files in the assets folder.

Continue reading Ionic 4 | Adding Multi Language Translation Feature in Ionic Application using ngx-translate

Ionic 4 | Make HTTP Calls and Handle Responses Easily Using an Interceptor

Applications with dynamic data call from REST API to get updated, these calls are mainly of POST or GET type. In Ionic 4 using Angular 7, we use HttpClientModule to make these POST or GET requests.

After Angular 4.3 the concept of Interceptors was introduced, using which we can override the HTTP calls to handle their requests and responses.

Continue reading Ionic 4 | Make HTTP Calls and Handle Responses Easily Using an Interceptor