ionic


Ionic v2 - How to setup on Windows

In order to work with the Ionic framework version 2 there is a bit of software installs and configuration that needs to happen in order to deploy to devices. However, many of the guides out there leave out a number of steps that tripped me up when I first started using Ionic. This guide will go through all of the steps needed for deploying to an Android device using a Windows machine.

Read More


Ionic v2 - Setup on OSx

In order to work with the Ionic framework there is a bit of software installs and configuration that needs to happen in order to deploy to devices. However, many of the guides out there leave out a number of steps that tripped me up when I first started using Ionic. This guide will go through all of the steps needed for deploying to an Android and iOS device using a Mac.

Read More


Ionic - Stop Icons from Overlapping in Ion List

Today I ran into an issue using Ionic, where I was trying to put two icons on the right side of an ion list item. There is really easy to do with the item-icon-right css class. Unfortunately, when you have multiple icons, it overlaps instead of showing them side by side. I was not expecting this as I had only used 1 icon before and assumed that item-icon-right would just put them side by side.

Read More


Ionic - Using Local Notifications

When you are creating a mobile applications there are times where you need to notify users about something such as an upcoming appointment. If the application is running and the user is using it in the foreground, this is easy to accomplish. However, if the application is running in the background this can be a challenging task. You could do push notifications but that takes a decent amount of work to setup with both iOS and Android app stores.

Read More


Strongloop - Fixing Security When Extending User Model

After following Raymond Camden’s Strongloop Introduction, I was ready to update the todo demo application that I have been using for the Ionic Arizona Meetup. So I created a models for projects and app users. The app users model base class was User. Then within the project model I associated a project to an app users with a belongsTo and in the app users model I associated multiple projects to a single user with a hasMany.

Read More


Getting Visual Studio Cordova Tooling Working with the Ionic Framework

I am doing an Ionic Framework presentation and I wanted to use the Visual Studio 2015 Cordova Tooling. I have done this presentation twice in the past couple of months using my Intel Nuc machine with the Visual Studio 2015 RTM Cordova tooling but it is kind of pain to do this since the Nuc is a desktop machine and doesn’t have a monitor so I have to look at the projector screen or being a laptop to use as well.

Read More


Automatically Add JS/CSS Files to Your Ionic Projects

As you work on an Ionic based project or for that matter any web projects that have javascript or css file, you will at some point forget to add your new javascript or css file to the page and wonder why the page is broken. This is really annoying when it happens as many times you spend quite a bit of time troubleshooting before you realize that you just forgot to add the script or css tag.

Read More


Ionic - Using behind a proxy server

I ran into an issue today on the vagrant IonicBox when I tried to create a new Ionic project at work behind the firewall/proxy even with all of the configurations for npm, git, bower, and bash setup for the proxy as detailed at proxy-configurations. Luckily, Ionic had a fix for this already. Linux All I had to do was put PROXY=http://myserver:myport in front of the ionic start command. PROXY=http://myserver:myport ionic start todo blank Windows

Read More


Ionic - The Ionicbox and How To Use It

If you have looked at setting up the Ionic Framework or have it done it before, you know on much of a pain it can be, especially when something doesn’t work. Luckily, Ionic offers a free virtual machine called Ionicbox that is already configured with all of the software that you need. Prerequisites: Before you can use Ionicbox you need to install VirtualBox and Vagrant. If you are on Windows and using Chocolatey, you can install both using cinst virtualbox and cinst vagrant.

Read More


Ionic - How to setup on Windows

Updates: 2016-08-13: Added Gradle and VS Code to software installed. Changed from JDK7 to JDK8. Removed Ant. Added Android SDK Apis install to Chocolatey script. Switched suggested emulator to Visual Studio Emulator for Android. If you are like me and just starting to work with the Ionic Framework and don’t already have a machine setup to do Android, iOS, Node, etc development then many of the guides out there leave out a number of steps that you need to do in order to get everything working.

Read More


Ionic - Setup on OSx

Updates: 2016-08-13: Added Gradle and VS Code. Changed from JDK7 to JDK8. Removed Ant. If you are like me and just starting to work with the Ionic Framework and don’t already have a machine setup to do Android, iOS, Node, etc development then many of the guides out there leave out a number of steps that you need to do in order to get everything working. Even being a Windows user I was able to pretty easily get Ionic working on a Mac.

Read More


Ionic - Using Android x86 Virtual Machine Instead of Emulator

The Android emulator is super super slow and I could never get it working on my development virtual machine. I thought no problem I will just use Genymotion but due to a video card driver issue on my laptop (not Genymotion’s fault), I couldn’t use it either. I was thinking ok I will just have to use a real device and always have it on me when I do Android development work.

Read More