Show Progress Bar with Text and Title in Android

In an Android application using web services or any other operations like downloading data or any process which may take time to get completed, it is always a good social behavior to show a decent progress message. A simple loader image can’t tell much about the process going on. So here we will discuss three methods of showing progress bars.

  1. Progress Bar with loader icon and message with it.
  2. Progress Bar with loader icon, title, and message with it.
  3. Progress Bar with loader icon, title, percentage and message with it.

Continue reading Show Progress Bar with Text and Title in Android

Where to find JDK keytool ?

Following is a quick tutorial on how and where to find JAVA key tool path and how to add in Environmental path variable required to create production release of Android.

Continue reading Where to find JDK keytool ?

Resolved! – Error 1935. An error occurred during the installation of assembly component

Last week my friend ordered RDP ThinBook 1130-ECW from Amazon. This is really a good netbook having the weight of 1.2KG and a configuration nice for lite office work. You can see this link and reviews, we will only discuss a problem I faced during installation of MS office 2007 and Open office in this netbook.

Continue reading Resolved! – Error 1935. An error occurred during the installation of assembly component

How to Run Background Service in Vivo Mobiles

Following are steps to Enable Background operations or Service in the background. Customized Android Operating Systems add some strict limitations on background services to boost up battery life and make the device perform better. Many mobile companies use them on customized OS like Xiaomi uses MIUI, Oppo uses ColorOS, Vivo use FuntouchOS and Huawei EMUI. But a normal user or developer sometimes face the following issues due to these optimizations in the customized OS.

Continue reading How to Run Background Service in Vivo Mobiles

Resolved! Uncaught (in promise) DOMException: Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may not be exported

In my previous post, we created a Google Map Static API image using a Get URL. In one of my project, there was a requirement of HTML conversion into PDF document. So I wanted to add that Map Image into that PDF document. I used html2canvas and jsPDF libraries for that.

When I was trying to convert an HTML section with Google Static Map Image into the canvas, I faced a strange issue.

Uncaught (in promise) DOMException: Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may not be exported.

Continue reading Resolved! Uncaught (in promise) DOMException: Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may not be exported

Convert Google Map into Image with Markers and Paths.

In one of my application, there was a google map showing the route of a person traveled in a selected day. I was trying to convert that HTML section into downloadable PDF format, which should have that dynamic map as well. So I tried to convert that HTML section into the canvas, but unfortunately as google maps are loaded in iframes, so I was not able to get an actual map there was only icon and polylines which I marked to show the path.

Continue reading Convert Google Map into Image with Markers and Paths.

Generate Multipage PDF using Single Canvas of HTML Document using jsPDF

jsPDF is a nice library to convert HTML content into PDF. We can put the different type of elements in PDF from HTML like an icon, images, text, CSS styles.
Here we will discuss an example of jsPDF to convert long HTML page into PDF document which will be generated client-side and download.

Continue reading Generate Multipage PDF using Single Canvas of HTML Document using jsPDF

Pass Data between Components in Angular 6 Example Application

Continuing from my previous post has an example of filter pipe usage in Angular 5 application. Here we will upgrade that simple filter app to level next. I have upgraded this application to Angular v6, worked basically on two important methods using which we can pass data between Angular components.

Continue reading Pass Data between Components in Angular 6 Example Application

How to Show Radio Input Listing in Angular 6

Listing of items in data is a simple way to show items. If users have to select only a single Item out of it, we need to use radio input fields. here we will discuss the implementation of radio input list in Angular 6. We will develop a simple Angular application which will have the following tasks:

1) Create a new Angular Application.
2) item.ts having item model definition.
3) mock-data.ts, will have a list of items.
4) use ngModel to have data binding flowing both sides.
5) Change event binding to get Checked item record.

Continue reading How to Show Radio Input Listing in Angular 6

Share Data between Angular Components Using @Input Decorator

Angular’s best feature is component. We can divide different modules into a number of components. Where each component having its own responsibility to perform. But, sometimes these components may need to communicate with each other and share data having each other’s dependencies.

In this post, we will discuss a simple example app which will share data between components using @Input() Decorator. @Input() decorator will allow passing data in the defined template.

Continue reading Share Data between Angular Components Using @Input Decorator