DrY Button

Article Metadata

---

Code Example

Source file: Media:DrY Button.zip

---

Article

Created: symbianyucca (16 May 2010)

Last edited: hamishwillee (05 Jul 2012)

DrY Button component is based on Guarana Button implementation, and it also takes the rounded corners approach used by the Guarana as well as implements similar functionality for the buttons as Guarana buttons do.

Following code snipped shows how it can be used:

dojo.require("dry.Button");
 
var but = new dry.Button({
	label: "Rounded",
	clicked: clickedHandler,
	focused: focusedHandler,
	unfocused: unfocusedHandler,
	pressed: pressedHandler,
	unpressed: unpressedHandler,
	styleTweaker: styleTweaker}, 'button01');

The constructor takes 2 items, where the second one is the name fort eh div where the button is placed in. The first argument is a struct defining the button properties and callback functions:

• label: "Rounded",
• clicked: call back called when button is clicked,
• focused: call back called when button is focused,
• unfocused: call back called when button is unfocused,
• pressed: call back called when button is pressed,
• unpressed: call back called when button is unpressed,
• styleTweaker: styleTweaker for handling the themes.

Examples

• Component browser at dev.DrJukka.com/DrY/
• WRT example at Wiki: DrY Button.zip

Go to DrY Index