Creates a header widget.

The Header bar serves as the page title, is usually the first element inside each mobile page, and typically contains a page title and up to two buttons.

The Header is a toolbar at the top of the page that usually contains the page title text and optional buttons positioned to the left and/or right of the title for navigation or actions. Headers can optionally be positioned as fixed so they remain at the top of the screen at all times instead of scrolling with the page.

The title text is normally an H1 heading element but it’s possible to use any heading level (H1-H6) to allow for semantic flexibility. For example, a page containing multiple mobile “pages” may use a H1 element on the home “page” and a H2 element on the secondary pages. All heading levels are styled identically by default to maintain visual consistency.



Binds value for attributes to the object. All valid attributes can be binded.

Format from Application Class:

id="demo" width="100px"


Binds value for styles to the object. All valid styles can be binded.

Format from Application Class:

width: 100px; length: 200px


If the binded value for this field contains a value, the object will not be rendered from the server to the client. The disable function will also disable all child objects.

External Reference