Blog

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:
   
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:
   

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.

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.

Read the rest of this entry »

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 »

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.

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 »

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 »

What’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 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 »

This webinar shows how to build responsive web and hybrid mobile apps using Bootstrap and AngularJS using Appery.io.

Are you developing with responsive design in mind?

Responsive mobile apps are the new standard, but building them without understanding the proper tools can be daunting. To ensure you are up to the challenge, take a look at the following tools. Especially when used in conjunction with the new Appery.io Visual Builder, these tools can help you create some fantastically responsive mobile apps.

Read the rest of this entry »

There are a lot of tools out there for mobile app developers looking to maximize their time and skills while building an application, but the sheer number of them can be overwhelming. Our six favorite tools are PhoneGap, jQuery Mobile, AngularJS, Bootstrap, MongoDB, and V8 JavaScript Engine. Here’s how each tool can assist you in the development process.

Read the rest of this entry »