Difference between revisions of "Header"

From NSB App Studio
Jump to navigation Jump to search
 
Line 22: Line 22:


Standard [[events|events]] are supported. However, events are not usually associated with the control.
Standard [[events|events]] are supported. However, events are not usually associated with the control.
== Example ==


== Example (Basic) ==
<tabber>
<pre>
JavaScript=
<syntaxhighlight lang="JavaScript">
Header1.onclick = function() {
    NSB.MsgBox("Header clicked!");
};
</syntaxhighlight>
|-|
BASIC=
<syntaxhighlight lang="vb.net">
Function Header1_onclick()
Function Header1_onclick()
   MsgBox "Header clicked!"
   MsgBox "Header clicked!"
End Function
End Function
</pre>
</syntaxhighlight>
 
</tabber>
== Example (JavaScript) ==
 
<pre>
Header1.onclick = function() {
    NSB.MsgBox("Header clicked!");
};
</pre>
 


[[Category:Language Reference]]
[[Category:Language Reference]]

Latest revision as of 15:43, 24 July 2019

Header.png

Description

The Header control puts a simple header at the top of the screen. It also acts as a container, which means other controls, like buttons, can be dragged and dropped into it.

You can make a Header into a footer by setting bottom to 0 and putting "position:absolute;" into style.

Properties

Standard properties are supported, plus:

addChild(control) control is added to the Header. Runtime.
Header1.childNodes[1].textContent The text of the title as plain text. Runtime.
textContent The text of the title as plain text. Design time.

Events

Standard events are supported. However, events are not usually associated with the control.

Example

Header1.onclick = function() {
    NSB.MsgBox("Header clicked!");
};

Function Header1_onclick()
  MsgBox "Header clicked!"
End Function