Synopsis
- LZX: button
- JavaScript: button
- Type: Class
- Access: public
- Topic: Components.Laszlo Components
- Declared in: lps/components/lz/button.lzx
Description
The button tag provides a simple button. The
button is rectangular and typically displays a text label describing
its action. The button adjusts to fit the label.
Example 39. Simple button
<canvas height="30">
<button onclick="animate('x', 100, 1000, true)">
Move me
</button>
</canvas>
If you need to format the text using additional tags such as
b, add the text inside the button tags instead of
using the text attribute.
Example 40. XHTML button
<canvas height="30">
<button onclick="animate('x', 100, 1000, true)">
Move <b>me</b>
</button>
</canvas>
A button may contain both XHTML markup, and
object tags such as attribute and
method.
Example 41. XHTML button
<canvas height="30">
<button onclick="moveHoriz(5);">
Move <b>me</b>
<method name="moveHoriz" args="moveAmount">
this.setAttribute("x", this.x+moveAmount);
</method>
</button>
</canvas>
This is a simple rectangular button with a text label. If no height is given, the default height is used and a special resource configuration is employed which prevents the button from being able to be resized at runtime in the y-axis, but which is significantly lighter weight than the standard Button configuration.
LZX Synopsis
JavaScript Synopsis
public button extends
basebutton
{
public var
focusable
;
public var
text_padding_x
: Number;
public var
text_padding_y
: Number;
public var
text_x
: Number;
public var
text_y
: Number;
}