Quickly Visualize Enterprise Data with the New Chart Plugin

Posted: October 1st, 2015Author:


Appery.io Charts plugin

From talking with developers who are building business and enterprise apps, we’ve heard that displaying data visually with charts is one of the highest priority requirements. To make it easy to visualize data, Appery.io has introduced a lightweight plugin that has everything you need to add pretty and inform-dense charts to your mobile app.

In this post we’ll show you how to do exactly that.

The Appery.io Charts plugin is available for AngularJS types of apps – both Ionic and Bootstrap. It’s built on the popular Chart.js library and consists of two JavaScript and one CSS asset. It can be added to your app the same as any other Appery.io plugin:

  1. Open your Appery.io app and go to CREATE NEW > From plugin.
  2. Choose Appery.io Charts and click Import selected plugins.
  3. All the assets and the charts page will be added to your app.

Now you can go to Project > Routing and set the Default route for charts page to make this the initial page for your app.

There are three type of charts implemented in this plugin – Line, Bar and Radar. Switch them and see the animation by clicking the appropriate buttons.

Chart.js supports many other chart types, you can learn about the other charts here.

In this plugin, charts are displayed based on the data stored locally, in the scope variable. However, you may want to use a database as the data source for your charts. It will take less than a minute to configure the plugin in this way. Read the plugin documentation to see how.

Hopefully you will find this easy-to-use plugin useful. If you have any suggestions on how to make it better – feel free to contact us!

Display Images from a Cloud Database Using Generated REST APIs

Posted: September 15th, 2015Author:

UI-image-componentIn this post you are going to learn how to access images uploaded to a cloud database via REST APIs and display the images in the app. This is the second post about working with images. You can read the first post here:

Quickly Upload, Display, and Customize Images from the Database with the Built-in Files Collection.

Let’s say you have a list of images, icons, or avatars that you have uploaded to a database. Maybe you are building a contacts app and would like to display employee head shot or just a list of products. Now you would like to display them in your app. In this tutorial we are going to show you how to do that — it’s fast and simple.

Read the rest of this entry »

How to Use Google Maps in an AngularJS App

Posted: August 11th, 2015Author:

Like standard UI elements, such as buttons, input and text areas, the Appery.io App Builder also provides a convenient and ready-to-use Google Maps component for your AngularJS apps. This component contains a large set of visually configurable properties and entities like markers and windows.


There is a lot of help available for you to get the most out of this component. We’ve got detailed guides, a modularly organized tutorial, and our always helpful support team.

Read the rest of this entry »

Building a Native App with Ionic, AngularJS, and Appery.io

Posted: August 6th, 2015Author:

For years, developers had to make a choice: build a single hybrid app with a so-so user experience, or build a native app for each platform with a great user experience. Developers don’t have to make this choice anymore. By integrating the Ionic SDK into Appery.io, developers can build enterprise HTML5/hybrid apps on a single code base that offer a native experience across all platforms. The Appery.io platform’s visual tooling lowers the skills barrier, empowering a broader base of developers and business analysts to create effective and intuitive mobile applications.

In this tutorial, you will use the Appery.io platform to build a mobile app. The tool set includes:

  • Ionic – native-like UI components
  • AngularJS – UI logic/binding
  • Appery.io App Builder – cloud-based drag and drop designer
  • Appery.io Backend Services – API backend for the app

Read the rest of this entry »

How To Send Twilio SMS From Your Mobile App

Posted: May 11th, 2015Author:

Adding Live In-App Customer Service With Bright Pattern Mobile API Plug-in

Posted: May 7th, 2015Author:


Appery.io and Bright Pattern have partnered to improve the simplicity of implementing live in-app customer service for enterprises and their customers. The partnership’s result is a plug-in for the Appery.io platform that helps companies to quickly add contact center functionality to their mobile apps. Read the rest of this entry »

Easily Add Secure Payments to Your Mobile App

Posted: April 27th, 2015Author:

The ability to quickly add payments to a mobile app is frequently requested by users. Today, we’re happy to announce an update to our existing PayPal plug-in that lets you quickly and conveniently add secure payments into an app.

PayPal logo

Read the rest of this entry »

How to Build Mobile Apps Fast with Appery.io and Instant API

Posted: February 24th, 2015Author:

Instant API Logo

Instant API is a true API-as-a-Service which makes it easy and cost-effective to build an API. Instant API has simplified all of the key areas of an API’s lifecycle, covering API creation, hosting, management, discovery, monetization, and documentation.

For example, let’s say you have information and services or data and services you want to expose through an API that can be used internally for BYOD initiatives or externally by developers or your business partners. With the API deployed, you still don’t have a mobile app. That’s where the Appery.io platform comes in. Appery.io makes it very easy to build mobile apps with any API. Combine the Instant API exposed APIs with the Appery.io cloud-based development platform, and you get a fast way to build a complete solution and deploy the mobile app.

In this post, we are going to show you an example of how to do that, but first here’s the info for an upcoming webinar in which Appery.io and Instant API will demo this process in action. Read the rest of this entry »

Using the Google Maps API: Directions, Geolocation, Multiple Markers, and Layers

Posted: February 20th, 2015Author:

Adding a map to your mobile app can provide great value to users. Maps used together with a smartphone can solve a wide range of tasks, whether it’s a pizza delivery app, GPS navigation, or travel guide with attractions. One of the most popular online maps is Google Maps.

Appery.io provides a convenient way to work with Google Maps for mobile apps – a Google Map component with a set of configurable properties and a preinstalled marker. All you need to add the Google Map into your app is to drag and drop the component on the page. That’s all: Google Maps will be loaded when the page is displayed.


Read the rest of this entry »

Building a MusicShop App Using Model and Storage

Posted: October 22nd, 2014Author:

Recently, the Appery.io App Builder was updated with several significant features. One of the most important and fundamental changes was the introduction of Model and Storage notions. To show the best practices of using these features, we created a MusicShop app and step-by-step tutorial which describes in detail how to build such an app from scratch. This tutorial also has a MusicShop app backup attached to allow you to pay more attention to Model and Storage usage (you shouldn’t create the app step-by-step in this case, just create it from the backup).

Read the rest of this entry »