<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Context-Type" content="text/html; charset=UTF-8"></meta>
<title>Buttons page</title>

<style>
.dijitButton {
display:block;
}
.dijitButton .dijitRight {
width:100%;
}
.dijitButton .dijitStretch {
width:100%;
}
</style>

</head>

<body>
<!--
Define all the buttons that the controller for this view
handles.
-->
<button dojoType="dijit.form.Button" id="tabOneButton" label="Tab One" value="tab1">
</button>
<br>
<button dojoType="dijit.form.Button" id="tabTwoButton" label="Tab Two" value="tab2">
</button>
<br>
<button dojoType="dijit.form.Button" id="tabThreeButton" label="Tab Three" value="tab3">
</button>
<br>

<!-- Register that when buttons are selected the button value is broadcasted to a button action topic. -->
<div dojoType="dojox.wire.ml.Action"
trigger="tabOneButton"
triggerEvent="onClick">
<div dojoType="dojox.wire.ml.Invocation" topic="buttonAction" parameters="tabOneButton.value"></div>
</div>

<div dojoType="dojox.wire.ml.Action"
trigger="tabTwoButton"
triggerEvent="onClick">
<div dojoType="dojox.wire.ml.Invocation" topic="buttonAction" parameters="tabTwoButton.value"></div>
</div>

<div dojoType="dojox.wire.ml.Action"
trigger="tabThreeButton"
triggerEvent="onClick">
<div dojoType="dojox.wire.ml.Invocation" topic="buttonAction" parameters="tabThreeButton.value"></div>
</div>

</body>
</html>