dijit/form/VerticalRule¶
This widget is used primarily for creating Hash marks for the dijit/form/VerticalSlider widget. The rule is currently displayed to the right of the slider, if present. The number of hash marks to be displayed is to be specified through the ‘count’ attribute.
For examples of using this widget along with the VerticalSlider refer dijit/form/VerticalSlider .
Examples¶
Standalone Ruler¶
require(["dojo/parser", "dijit/form/VerticalRule", "dijit/form/VerticalRuleLabels"]);
<div style="height:2in;border-left:1px solid black;">
<div data-dojo-type="dijit/form/VerticalRule" data-dojo-props="count:17" style="width:.4em;"></div>
<div data-dojo-type="dijit/form/VerticalRule" data-dojo-props="count:9" style="width:.4em;"></div>
<div data-dojo-type="dijit/form/VerticalRule" data-dojo-props="count:5" style="width:.4em;"></div>
<div data-dojo-type="dijit/form/VerticalRule" data-dojo-props="count:3" style="width:.4em;"></div>
<ol data-dojo-type="dijit/form/VerticalRuleLabels" data-dojo-props="labelStyle:'font-style:monospace;font-size:.7em;margin:0px -1em -.35em 0px;'">
<li>1</li>
<li>2</li>
<li>3</li>
</ol>
</div>