The ActionApp UI library combines multiple libraries to create a complete UI environment for mobile applications, websites and advanced web applications.

This system is designed for developers, not end users. Developers should know enough JavaScript, HTML and CSS to create a basic site – but that is about it. A primary goal of this system is to provide powerful features in a way that is easy to understand and use for practical needs. There is no need to learn a complex component system to create a simple application.

The following are key concepts of the environment / library:

• Border Layout – a type of layout that has a north, south, east, west and required “center” area. This is key to creating complex / advanced UIs for application users to do business level stuff.
• Spot – a place to put something. Can load a “spot” with HTML, templated output or a live control.
• Panels and Controls – special objects with a JSON defined structure with tons of build in features.
  – A Panel is the JSON structure that has “come alive”. Once instantiated, you can use setFieldValue, setFieldDisplay and many other build in features to make programming advanced forms and controls very easy and logical.
  – A Control is a panel with it’s own logic as a .js file instead of a .json file.
• Single Page Application – a type of website that is loaded once and all the pages “come to it” as opposed to a multi-page site, where every page is loaded on it’s own with it’s own URL. This system supports both a models, the SPA being the default when outside WordPress. A multi-page model is used in WordPress where this is how it usually works, but you can implement a SPA application in WordPress – the designer as part of the plugin is an example of a SPA in WordPress.
• DOM and Selectors – the document object model and selectors are used extensively. Attributes are used heavily both internally and by developers directly. It doesn’t take long to understand how this works and helper functions put a process around it to make it easy to conceptualize and use.
• ThisApp – This is the entry point to the current “application”, be it only one page or a full single page app interface. ThisApp provides access to common dialog, prompting functions, a central API that integrates with WordPress security and automatically handles nonce and other aspects, utilizing the multi-page classical WordPress interface methods to do so.
• More – There is so much to this system, this only touches on the breath of the capabilities provided.

To harness the power and fully understand the framework, install it using the quick start guide, or contact me for a collaborator log-in and sandbox site to play with.