Ionic 4 | Adding Embedded YouTube Video Player in Ionic 4 Application using Ionic Native Plugin

In our previous post, we have already discussed example application to implement a YouTube video player, but some of the steps are depreciated by the release of stable version 4 of Ionic.

Continue reading Ionic 4 | Adding Embedded YouTube Video Player in Ionic 4 Application using Ionic Native Plugin

Ionic 4 | How to Add Tabs Bar and Create Tab Navigation in Ionic 4 Application

Tab navigation proves very useful where we need to show a clean UI with some basic layout with eazy accessibility and navigation system remains always visible to the user giving an idea where the current location is.

Continue reading Ionic 4 | How to Add Tabs Bar and Create Tab Navigation in Ionic 4 Application

Ionic 4 | Implement Infinite Scroll List with Virtual Scroll List in Ionic 4 Application

Ionic Framework provides two very powerful methods to load a large number of list items in mobile application very efficiently. First is Infinite Scroll list container which we have already discussed and the other one is Virtual Scroll list component.

Continue reading Ionic 4 | Implement Infinite Scroll List with Virtual Scroll List in Ionic 4 Application

Ionic 4 | Add Infinite Scroll / Auto Data Loader Component in Ionic 4 Application

In Web Applications where we have a large number of items to show, traditionally we use page number where a user can move to a page showing a specific number of records like 15 or 25 per page. We use pagination to make data viewing easier to see as we can’t show all data set having a large number of list items at once, which may result in an issue with page performance and users may find it difficult get required information. Continue reading Ionic 4 | Add Infinite Scroll / Auto Data Loader Component in Ionic 4 Application

How to Debug Ionic/ Hybrid Application in Chrome Browser in 2 Steps!

Development in Ionic or Hybrid app is fast as compared to native apps, but debugging proves a bit challenging if we don’t want to use memory consuming IDE’s like Android studio. We have already discussed How to Debug Applications in Real Device using CMD but what if the application stops working of or there is any logical error?

Continue reading How to Debug Ionic/ Hybrid Application in Chrome Browser in 2 Steps!

Resolved! “The platform ‘35729’ does not appear to have been added to this project.”

I was working on an Ionic 3 project and debugging application live with connected Android devices by running following command

Continue reading Resolved! “The platform ‘35729’ does not appear to have been added to this project.”

How to Create Ionic v3 App in Latest CLI v4.9.0 for Ionic v4

As the latest stable version of the Ionic framework, V4 has been released which is way more future proof and easily adaptable with new frameworks like react, Vuejs etc by using web components technology. But still, there are some developers who may prefer version 3 of Ionic as routing of ionic was having much more similarities to the native environment in terms of keeking view data or maintain the history of a view intact. We can easily use push & pop methods of NavController in ‘ionic-angular’ package.

Continue reading How to Create Ionic v3 App in Latest CLI v4.9.0 for Ionic v4

What’s New ? Ionic 4 Stable Release is Here!

Very much awaited Ionic’s Version 4 is finally released with full of celebrations and feelings full of thrillers by the Ionic team. According to the team Back in 2013 Ionic was introduced in support with AngularJS to make is compatible with the latest choice of developers at that time. After that, there was Angular 2 and so on, Ionic also updated with 2 and later version 3 of the Ionic framework.

Continue reading What’s New ? Ionic 4 Stable Release is Here!

Auto-focus Input and Open Keypad On View/ Page Load in Ionic 3 Application

Mobile applications having input fields for search or forms can be optimized in terms of user-friendliness if developer autofocus first input field or search field on application or page load. This behavior seems to be nominal and not of much importance but it really ads up to the convenience of the application user.

Continue reading Auto-focus Input and Open Keypad On View/ Page Load in Ionic 3 Application

Add Google Analytics in Ionic 3 Application using Cordova and Ionic Native Plugin

Google Analytics is a tried and tested tool which helps to track user activity in a number of ways. We can get information on wide variety of categories like most pages a user entered or left, how much time they spent, from where they came, by which means they landed etc, not only this but we can now also get gender percentage and age group of people visiting.

Continue reading Add Google Analytics in Ionic 3 Application using Cordova and Ionic Native Plugin