MAF.control.Header

This creates a styled header. Which can have some text in it.

Can be used to separate buttons for example.

new MAF.control.Header()

Example

new MAF.control.Header({
   label: 'Display options:',
   headerStyle: 'small'
}).appendTo(this);

Configs

headerStyle : {String}

Defines how large the header should be displayed. Possible options: small, large. Default is large.

label : {String}

Text to display in this component.

Methods

animate(config) inherited

Parameters:

NameTypeDescription
configObject

A config object

Fires:

focus() inherited

This will try and focus this component. If it cannot recieve focus, this focus will stay on the currently focused component.

freeze() → {Class} inherited

Freezes this component. Screen renders no longer trigger until thawed.

Returns:

This component.

getAbsolutePosition() → {Object} inherited

Give back the position relative to its first positioned ancestor element

Returns:

{hOffset:Number, vOffset: Number}

getText()

Get which text is displayed on this component.

getView() → {Class} inherited

Returns:

Returns the view this class is appended on.

hide() → {Class} inherited

Hides this component.

Returns:

This component.

initialize() inherited

Initialize the class

setText(text)

Set which text to display on this component.

Parameters:

NameTypeDescription
textString

The text

show() → {Class} inherited

Shows this component.

Returns:

This component.

thaw() → {Class} inherited

Thawes this component. Screen renders can trigger again.

Returns:

This component.

Events

onAnimationEnded

Fired when a animation on this component has ended.

onAppend

Fired when component has appended to a parent. Update visual appearances by applying a Theme style and rendering the skin.

onBlur

Fired when the component is blurred.

onFocus

Fired when the component recieves focus.

onNavigate

Fired when a navigation happens when the component has focus.

onSelect

Fired when the component is selected.