DZone
Mobile Zone
Thanks for visiting DZone today,
Edit Profile
  • Manage Email Subscriptions
  • How to Post to DZone
  • Article Submission Guidelines
Sign Out View Profile
  • Post an Article
  • Manage My Drafts
Over 2 million developers have joined DZone.
Log In / Join
  • Refcardz
  • Trend Reports
  • Webinars
  • Zones
  • |
    • Agile
    • AI
    • Big Data
    • Cloud
    • Database
    • DevOps
    • Integration
    • IoT
    • Java
    • Microservices
    • Open Source
    • Performance
    • Security
    • Web Dev
DZone > Mobile Zone > Adding Properties to UI Components in Appery.io App Builder

Adding Properties to UI Components in Appery.io App Builder

Max Katz user avatar by
Max Katz
·
May. 08, 14 · Mobile Zone · Interview
Like (0)
Save
Tweet
3.05K Views

Join the DZone community and get the full member experience.

Join For Free

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.

Property (programming) mobile app Appery.io

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

Opinions expressed by DZone contributors are their own.

Popular on DZone

  • Image Classification Using SingleStore DB, Keras, and Tensorflow
  • Message Queuing and the Database: Solving the Dual Write Problem
  • Pre-Commit Hooks DevOps Engineer Should Know To Control Kubernetes
  • Building a Login Screen With React and Bootstrap

Comments

Mobile Partner Resources

X

ABOUT US

  • About DZone
  • Send feedback
  • Careers
  • Sitemap

ADVERTISE

  • Advertise with DZone

CONTRIBUTE ON DZONE

  • Article Submission Guidelines
  • MVB Program
  • Become a Contributor
  • Visit the Writers' Zone

LEGAL

  • Terms of Service
  • Privacy Policy

CONTACT US

  • 600 Park Offices Drive
  • Suite 300
  • Durham, NC 27709
  • support@dzone.com
  • +1 (919) 678-0300

Let's be friends:

DZone.com is powered by 

AnswerHub logo