Some Controls in depth: Difference between revisions

From NSB App Studio
Jump to navigation Jump to search
Line 5: Line 5:
[[File:Labelcontrol.JPG|left]]
[[File:Labelcontrol.JPG|left]]


*
* align: left, center, right
* * alignVertical: top, center, bottom (no % or multiline)
*   align: left, center, right
* * backgroundColor: colors can be a name, #RRGGBB, rgb(R,G,B) or transparent
*   alignVertical: top, center, bottom (no % or multiline)
* * borderColor
*   backgroundColor: colors can be a name, #RRGGBB, rgb(R,G,B) or transparent
* * borderStyle: solid, dotted, dashed, etc.
*   borderColor
* * borderWidth: pixels
*   borderStyle: solid, dotted, dashed, etc.
* * bottom: pixels, percent, auto
*   borderWidth: pixels
* * class: grayTitle default. Can be custom css.
*   bottom: pixels, percent, auto
* * color: Of the text
*   class: grayTitle default. Can be custom css.
* * fontFamily: helvetica is default
*   color: Of the text
* * fontSize: in pixels. 16 is the default.
*   fontFamily: helvetica is default
* * fontStyle: normal, italic or oblique
*   fontSize: in pixels. 16 is the default.
* * fontWeight: normal, bold or a number
*   fontStyle: normal, italic or oblique
* * height
*   fontWeight: normal, bold or a number
* * hidden: true or false
*   height
* * id: The name of the control.
*   hidden: true or false
* * left
*   id: The name of the control.
* * onclick, etc: names of functions to be called when these events happen.
*   left
* * right
*   onclick, etc: names of functions to be called when these events happen.
* * style: css style
*   right
* * textContent: The content of the label. HTML is OK!
*   style: css style
* * top
*   textContent: The content of the label. HTML is OK!
* * width
*   top
*
*   width


= TextBox =
= TextBox =

Revision as of 18:48, 9 December 2013

Label

Controls are defined by their properties. The Label control is a simple control. Most of the properties for a control are set to default values when the control is created, so it is usable right away. Let's look at the options for customizing it.


*   align: left, center, right
*   alignVertical: top, center, bottom (no % or multiline)
*   backgroundColor: colors can be a name, #RRGGBB, rgb(R,G,B) or transparent
*   borderColor
*   borderStyle: solid, dotted, dashed, etc.
*   borderWidth: pixels
*   bottom: pixels, percent, auto
*   class: grayTitle default. Can be custom css.
*   color: Of the text
*   fontFamily: helvetica is default
*   fontSize: in pixels. 16 is the default.
*   fontStyle: normal, italic or oblique
*   fontWeight: normal, bold or a number
*   height
*   hidden: true or false
*   id: The name of the control.
*   left
*   onclick, etc: names of functions to be called when these events happen.
*   right
*   style: css style
*   textContent: The content of the label. HTML is OK!
*   top
*   width

TextBox

Button

HeaderBar

List

Form