Blog

New tutorial shows how to build an app with clickable list (master details) and uses HTML5 Local Storage.

Building Clickable List Mobile App with HTML5 Local Storage

We just added two new tutorial. Try them today:

• Building RSS Mobile App
• Building Hello World HTML5 Mobile App With Local Storage

We recently updated Appery.io getting started tutorials. These tutorials are the best way to learn how to use Appery.io and build your first mobile app. Try them today: http://docs.appery.io/getting-started/

As Appery.io Mobile Apps Builder continues to grow, we are getting more and more questions. I figured it would be a good time to summarise all the places and ways you can get help and also submit/vote for new features.

Docs and getting started

All Appery.io docs, getting started, videos, how-to’s, future plans and more are located at help.appery.io. If someone is not there, just let us know and we will add it!

Appery.io forum

The Appery.io forum can be found at http://getsatisfaction.com/apperyio. We recommend to use Appery.io forum as the place to ask questions. Why? Because using the forum other users can see and search for answers. Other Appery.io users maybe be able to help you as well. If you have a question on your account information or want to share a private REST service URL, don’t hesitate to use email (below).

Voting for new features

Let’s say there is a new feature you would like us to add. Voting for new feature is very simple. Just go to Popular ideas section and enter your feature.

Support email

If you feel more comfortable with email, just send us your questions to support@appery.io

Send questions from Appery.io

When you open a Appery.io project, at the bottom of the screen you will see the following field:

Just enter a short question and click Submit. We will get an email with your question and reply to it.

Twitter

Twitter is a great way to get help, you can find us at @apperyio.

Facebook

Facebook is also a great way to get help, you can find us at facebook.com/apperyio.

No matter which help option you select, we will try to answer your questions as soon as possible.

This video shows how to build a mobile app with Appery.io Mobile Apps Builder.

This video shows how to build a Twitter search mobile app in just 5 minutes using Appery.io.

Yesterday we published a new Android Getting Started tutorial. It’s a very easy to follow, step-by-step guide on how to build a Hello World app and test in on an Android device.

We just published a new step-by-step tutorial: Building Weather App.

Want more? You can also try our Building Twitter Search App step-by-step tutorial.

(Cross-posted on Maxa Blog)

We now have a large number of tutorials how-to’s, and getting started guides. Everything from the basic to advanced such as using creating interactive prototype with events/actions and creating and using templates. Just visit our Help page to see them all.

This tutorial will show you how to build and use a custom component. Custom components (or composite components) are very useful because you can combine any components together, create a custom component, and reuse it through out the application. Using custom components will save a lot of time.

To start, let’s build a small prototype which we will then save a custom component.

1. Drag and drop a Panel container, change header label to Deliver options
2. Then, drag and drop 4 radio buttons and set their labels as shown:
   
3. One last thing we want to do is a button. Drag and drop a Button component and change its label to look like this:
   
4. Let’s test what we have created so far. Click Web Preview button on the top menu to open a browser window. Looks nice? Let’s now make this a custom component.
5. To create a custom component, select both the panel and button on the page. You can do it with the mouse (“stretch rectangle”), by selecting the container and button as shown here:
   
6. Now, go to Properties windows on the right-hand side and click Save As Custom Component button.
7. For Template Name enter: DeliveryComponent
8. For Palette Name select: My components
9. Click Create.
10. Go to Components tab on the left-hand side and open My components palette (you might have to close other palettes). There you will see (see screen shot) the custom component we just created: DeliveryComponent.
    
11. Open any screen and drag and drop this component into the page as any other component. That’s it. You now have a custom component which can be reused anywhere.

Editing a custom component

1. To edit a custom component, select the component, then click Edit Source in Properties panel.
2. If you need to separate individual components inside a custom component, select the custom component, then click Break Apart Template. This will break or unlink the components inside and let you use them as any other components individually. Note: this will not affect the custom component. It will still be listed under My components palette
3. To delete a custom component, select Project/Assets, then select Custom Components tab. Select the custom component. From there you can edit, rename or delete the custom component.