== aUX.js

aUX.js is a UI library for building mobile apps

== About

We've had a lot of requests for a UI framework. There are a bunch of frameworks, but cross platform mobile performance is not the best. Some work great on iOS, but lack performance on android. We wanted to create a lightweight framework that is simple for users. We do not want you to be writing crazy HTML, JavaScript, or CSS.

== How to use aUX.js

To use aUX.js, you need to include the javascript files. We suggest using appMobiUI.min.js which has all the necesary files, otherwise include the source for all of them, along with the CSS.

We have three special registered div blocks for your layout based off id's. They are the navbar, content, and toolbar.

• navbar - this is the top navbar. You can add additional buttons, turn other events on/off on clicks if you need. We handle the back button and the title for you.

• content - this is the content area. You do not need to add anything here. All page divs will be added here. If you put a div in there, it will be shown first.

  Each div inside will need the class "panel". aUX.js will search for all elements with that classname and add them automatically.

• toolbar - this is the bottom toolbar. You can put your navigation buttons here. We reset the history queue when you switch the navigation buttons.

== Known Issues

There are some bugs with transition states that can cause a page to get "lost".

The default scroller will scroll all content, so trying to add a button bar will cause issues.

== Notes

• To add divs to the content, simply set the class to "panel". This is a special css class that we search for at startup.

• aUX_web.scroller is added automatically, along with aUX.web.appMobiSelect, aUX.web.appMobiPassword, and aUX.web.css3animate.

• Linking to pages - You can link two ways. You can link to a file by setting the URL, which will load via AJAX. Or you can set the href property to "#div_id" Login

• Ajax - using AppMobi, you can do cross domain requests. Right now, it will always load the page. You can implement your own caching, etc. We do NOT crawl links to add them into the history queue, etc. When a page is loaded, you are repsonsible for the content being wired properly.

• To open links in a new window, set the target property AppMobi

• We handle history and transitions. You can select from six transitions by setting the data-transition property. The default is slide. Login //slide left/right Login //slide up/down Login //slide down/up Login //Flip the page Login //Fade in/out Login //Pop in/out

• To update content, you must call the function updateContentDiv(id,content);