Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

Adding Properties to UI Components in Appery.io App Builder

DZone's Guide to

Adding Properties to UI Components in Appery.io App Builder

· Mobile Zone
Free Resource

Discover how to focus on operators for Reactive Programming and how they are essential to react to data in your application.  Brought to you in partnership with Wakanda

When you drag and drop a UI component, the Properties panel will show you properties you can set. For instance, here is an example when list item is selected:

Screen Shot 2014-04-25 at 4.49.50 PM

Sometimes not all properties might be exposed in the app builder, but it doesn’t mean you can’t set them. Using More Properties feature, you can set any properties supported by the component HTML or jQuery Mobile component.

For example, you want to change the list item icon to something list (no icon option is available but coming soon). With the list item selected, click More Options and add add the following property:

Screen Shot 2014-04-25 at 4.55.14 PM

The icon will not update in design time, but when you run the app, the first icon will change to bullets:

Screen Shot 2014-04-25 at 4.55.46 PM

To make this work, you need to know the property name and possible values. This is easy to find in jQuery Mobile docs or HTML docs.

Learn how divergent branches can appear in your repository and how to better understand why they are called “branches".  Brought to you in partnership with Wakanda

Topics:

Published at DZone with permission of Max Katz, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

The best of DZone straight to your inbox.

SEE AN EXAMPLE
Please provide a valid email address.

Thanks for subscribing!

Awesome! Check your inbox to verify your email so you can start receiving the latest in tech news and resources.
Subscribe

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}