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

Angular Material 7 | Data Tables Example with Sorting, Filter, Pagination and Fixed header columns

Angular Material provides datatable components equipped with many common features like data filter, pagination, sorting on columns and even frozen columns and headers.

In this post, we will create an Angular application using Angular Material Tables component to show JSON data in tabular form. We can get data from server side using API’s. Continue reading Angular Material 7 | Data Tables Example with Sorting, Filter, Pagination and Fixed header columns

Angular 7 Material | Add Progress Spinner / Loader in Angular Application Example

In a web application, we generally show a process status by graphical indicators like progress bars and spinners. In this post, we will discuss How to Implement the most common progress indicator Progress bar and Spinners.

Angular Material provides a wide range of web components which are very easy to implement and use in Angular applications. Continue reading Angular 7 Material | Add Progress Spinner / Loader in Angular Application Example

Angular 8/7 | Show Global Progress bar/ Loader on HTTP calls in few steps using Angular Interceptors in Angular 4.3+

Compatible from Angular 4.3 to latest version 7

Angular Interceptors can be used in a number of ways as they provide powerful support to HTTP calls we make from web applications. Web application build using Angular generally makes HTTP calls to the server for dynamic information, so it’s very important to provide information about what’s the status to API calls to users. Loaders/ Spinners and sometimes Progress bars are shown to inform the user that there are some server requests going on.

Continue reading Angular 8/7 | Show Global Progress bar/ Loader on HTTP calls in few steps using Angular Interceptors in Angular 4.3+

Angular 7/6 | Handle HTTP Request and Response using Interceptors in Angular 4.3 plus versions

Angular Interceptor is a powerful feature which can be used in many ways for securing and handling many HTTP related phenomena. HTTP interceptors were available in AngularJS but were missing in Angular 2, so there was a missing gap to manipulate HTTP calls globally at one place.

Continue reading Angular 7/6 | Handle HTTP Request and Response using Interceptors in Angular 4.3 plus versions

Google API PHP | How to use Google API like YouTube Data v3 API in PHP

Google API’s provides a lot of data which is a part of most of the developers like Google Maps, YouTube API, Translation, etc. We usually make and handle Google API requests for various services in Javascript using client-side Google API libraries. Continue reading Google API PHP | How to use Google API like YouTube Data v3 API in PHP