Development Tip: Using The Bootstrap Grid In Appery.io

Posted: March 16th, 2016Author:

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

Posted: September 27th, 2015Author:

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

Posted: September 22nd, 2015Author:

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

Posted: August 25th, 2015Author:

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

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.

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

Posted: July 2nd, 2015Author:

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

Posted: June 18th, 2015Author:

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 »

Build Responsive Web and Mobile Apps with Bootstrap, AngularJS and Appery.io

Posted: April 22nd, 2015Author:

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

Building Responsive Mobile Apps with PhoneGap, AngularJS and Bootstrap

Posted: March 26th, 2015Author:

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.

responsive_mobile_apps

Read the rest of this entry »

Top Mobile App Development Tools

Posted: March 11th, 2015Author:

mobiletools

 

 

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 »