Button Element Element

Home | Getting Started | API | Elements | Actions | Validators | Handlers | Configuration Options | Plugins | Mobile | Troubleshooting | About

Table of Contents

1 Button Element - #button {}

The button element produces an HTML button. When clicked, the button will cause a Nitrogen postback.

Usage

#button { text="Go!", postback={click, goButton} }

Attributes

body - (List of Nitrogen Elements)
The button's body (if you wanted to use something richer than a simple text)
text - (string)
The text of the button.
html_encode - (boolean)
Set to true to safely html-encode the text.
disabled - (boolean)
Set to true to disable this button in the browser (sets the HTML disabled property, effectly greying out the element). Can be dynamically re-enabled with wf:enable(ElementID) or wf:wire(ElementID, #enable{}) (Default: false)
image - (Path to Image)
This is a shortcut attribute to prepending the body of the button with an image (for example, specifying a "Floppy Disk" icon on a "Save" button). The image will display before any body or text.
postback - (Erlang term)
Clicking on the button will initiate a Nitrogen postback with the supplied term.
click - (Action or List of Actions)
Wires the selected actons to the \"click\" events. Due to the commonality of binding actions to the click event, this is merely a shortcut for
#button { text="Do Something", actions=[
   #event{type=click,actions=ListOfActions}
]}

Date: 2013-10-20 21:59:27 CDT

Author: Rusty Klophaus (@rustyio)

Org version 7.8.02 with Emacs version 23

Validate XHTML 1.0

Comments

Note:To specify code blocks, just use the generic code block syntax:
<pre><code>your code here</code></pre>


comments powered by Disqus