App with Beas Classes

 

In beas some javaScript classes available, which allow you to create simple apps in very nice design

Complete list of classes see Libaries WEB APP 2.0

In this chapter we describe how to create simple apps

 

Pre defined header and footer existing in beas

Header: _header()

Footer: _footer()

 

In the _header() functions all libraries loaded

ui.js, ux.js, beas.js
all.min.css
bulma.css

 

The variable appInfo with all application informations declared and the
frames (title line, title, body) declared

 

The _header() and _footer() will load the standard header with appInfo object and footer for our application.

The first script, should contain the translations for the @currentlanguage@.

 

The complete app is running in the container "app-container"

          

 

Simple Example:

 

Hello World in a box in Beas WEB APP frame

createownapp-boxhelloworld

 

_header()
// Body Area

 
// define the HTML via ui.js
? var html=ui.box("Hello World")
// replace the app container with the html information
? document.getElementById("app-container").innerHTML =    html;
// end of body
_footer()