Quick Note: Deprecated Libraries 1.1 and 1.2 Removed from the Appery.io System

We would like to call attention to important changes made to the library versions of all Ionic 1 and Bootstrap projects.

Their library versions 1.1 and 1.2 have been marked as deprecated:

In this connection, we highly recommend upgrading your app(s) to the latest version available.

Also, please make sure you test your app to check if it works properly after performing such an upgrade.

Thank you for your understanding and happy developing!

March Platform Update: Improved Autocomplete, Ace Editor in Server Code, Improved API Testing and More

Learn about our March platform update.

Improved Autocomplete in App Builder for Ionic

Autocomplete is one of the most-loved developer features. You don’t need to remember the variable name, can quickly insert it from the autocomplete list and more importantly it reduces errors. The App Builder for Ionic now has an improved autocomplete feature, it is now available for any property in the Property panel. Simply click Ctrl+Space to see the available values.

appbuilder_ionic_codeassist

New Option to Specify Custom Database Connection Properties in API Express

New Ace Editor in Server Code

Appery.io Server Code source editor has been upgrade to the poplar Ace editor. The new editor provides the following benefits:

  • Improved code snippets to help you write code faster by inserting common code snippets with just a click.
  • Advanced and more powerful code assist to help you write your code faster.
  • Big performance upgrade when working with large source code files.
  • Better error reporting.

servercode_aceeditor

Read the rest of this entry »

Development Tip: Using The Bootstrap Grid In Appery.io

grid

Popular Bootstrap Grid is available in Appery.io’s Bootstrap project as an UI component that can be dragged and dropped to the page. The following steps show how to change grid cell sizes for different screen resolutions:

  1. First open the AngularJS / Bootstrap project and place the Grid component to the page.
  2. Now, if you will look at top right corner of the grid you’ll see a green plus button, this button will add a new row to your grid. If you don’t need to add a new row, but want to add new cells to existing row click on one of the grid cells and then choose GridRow through the breadcrumbs:
    new_cell
  3. A green “+” sign now will add a new cell to an existing row.
  4. You can configure the size for each cell for the four screen sizes. Click on the grid cell and the expand Columns properties in the PROPERTIES to the right of the screen. Type a number from 1 to 12 to define how it will look on the screen:
    cell_sizes

Don’t forget that you can emulate page size directly inside the editor, and when testing the app in browser by clicking XS, SM, MD and LG buttons.

Make sure to check out all of our mobile development tips.

Do you want to build apps fast? Start developing with our trial plan!

Build Apps Faster with Automatic App Update, Visual API Service Designer, Angular Visual Binding Editor, and More Security Options

Update fast without going through the app store

Wouldn’t it be awesome to update your app without having to resubmit it to app stores? Now you can! With the new Appery.io AutoUpdate feature, you’ll only have to submit your app to the app stores once. You’ll use EXPORT > Auto update to build a new bundle with updated resources. Apps installed on devices will automatically download the updated bundle, meaning users won’t need to do anything for the update.

However, there are some restrictions due to security policies:

  • Only web-resources: HTML/JS/CSS resources could be updated with this feature;
  • Cordova and Cordova plugins couldn’t be updated with this feature;

The updated release bundle is the same for all platforms, so all mobile devices (Android and iOS) are updated simultaneously. See the documentation for more about this feature.

New API Express capabilities

Quickly create services with new visual builder

API Express, which allows you to use external relational databases with Appery.io, was updated with powerful visual tools. Now it’s really easy to build complex algorithms by combining multiple queries into one endpoint.

flow_builder

Read the rest of this entry »

Quickly Fix the AngularJS WebView iOS 9 Issue with a New Plug-in

Last week we blogged about an AngularJS issue that breaks some APIs when you upgrade to iOS 9. We showed you how to create a patch. Today, we have added a plug-in that makes fixing this even faster and simpler. Import the plug-in, and you’re done. I’ll show you how to do that.

Read the rest of this entry »

Social Authentication Examples for AngularJS and jQuery Mobile

User login/registration is one of the most common features in a mobile app. Permitting login with existing credentials that users have from social networks can significantly simplify the authentication process and improve the user experience.

User Login Registration Examples for all project types (jQuery Mobile, Ionic, and Bootstrap) has just been updated with social authentication functionality. You can use those examples to quickly set up your app with the social login feature or see how it’s built to implement your own.

social_authentication_appery_io

To create an app from an example, click Create new app > From example and choose the example you want from the list of available examples.

Read the rest of this entry »

How to Use Google Maps in an AngularJS App

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.

angular_google_maps

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 »

3 Tips for Increasing Mobile Conversions

Mobile in-app conversionWhat’s a mobile conversion?

Simply put, a mobile conversion is an instance of a user taking a desired action within your mobile app. This could be completing a sale for example, or even just filling out and submitting a form. They differ from download conversions in that they are accomplished in-app, after the initial download of the app has already occurred.

Not everyone needs to worry about mobile conversions in their applications, but if you’re building an app where conversions are key, few things are more important than increasing that rate.

Mobile traffic now accounts for over 16% of all web traffic, and in general, businesses have done well in acquiring users for their apps: by 2016, there will be 2 billion smartphones in use worldwide, with an average of 27 apps per phone.

Read the rest of this entry »

User Registration Example App for Bootstrap and Ionic with AngularJS

Example of a login box

User login/registration is one of the most common features in a mobile app. With Appery.io Database’s built-in user management feature, adding a login and registration capability to an app is very fast and simple. We know that developers love examples and so we created a ready-to-run app available in the App Builder that shows how to do that. In fact, we created two examples: one example uses Bootstrap and another example uses Ionic, both based on AngularJS.

Read the rest of this entry »

Tip: Take Advantage of Bootstrap Themes inside Appery.io

Icon for a tipThere is a rich assortment of themes available for the Bootstrap UI framework. By adding one or more of them, you can quickly change your Bootstrap-based app’s appearance and add cool animation effects! Luckily, adding these themes to your Bootstrap projects in Appery.io is really easy.

Tell me more.

For more tips…