Some Controls in depth: Difference between revisions

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


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


= TextBox =
= TextBox =

Revision as of 18:56, 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