dijit.Fieldset

Authors: Bill Keese
Project owner:Bill Keese

Introduction

A Fieldset widget is a fieldset that can be opened or collapsed. The visibility of the Fieldset's contents is toggled by clicking the Fieldset's legend. It extends TitlePane.

Examples

Programmatic example

require(["dijit/Fieldset", "dojo/dom", "dojo/domReady!"], function(Fieldset, dom){
    var tp = new Fieldset({title:"I'm a Fieldset", content: "Collapse me!"});
    dom.byId("holder").appendChild(tp.domNode);
    tp.startup();
});
<div id="holder"></div>

Note that when created programatically, the Fieldset's legend is called "title", to be consistent with programmatic creation of other widgets.

Declarative markup

Creation from markup is even easier.

require(["dojo/parser", "dijit/Fieldset"]);
<fieldset id="tp2" data-dojo-type="dijit/Fieldset">
    <legend>My legend</legend>
    Click legend to close me.
</fieldset>

Accessibility

Keyboard

Each Fieldset legend is included in the tab order of the document.

Action Key
toggle open/close enter or space key with focus on the legend
Navigate into an opened Fieldset tab