Revision 92054 of groupbox

  • Revision slug: XUL/groupbox
  • Revision title: groupbox
  • Revision id: 92054
  • Created:
  • Creator: Pmash
  • Is current revision? No
  • Comment example and screenshot

Revision Content

{{template.XULRefElem()}}

A box that draws a frame around it, intended to group a set of elements together. If a {{template.XULElem("caption")}} element is placed inside the groupbox, it will be used as a caption which appears along the top of the groupbox.

More information is available in the XUL tutorial.

Properties
{{template.PrefAnch("p-", "accessible")}}

Examples

Image:XUL_ref_groupbox.png
<groupbox>
  <caption label="Settings"/>
  <radiogroup>
    <radio label="Black and white"/>
    <radio label="Colour"/>
  </radiogroup>
  <checkbox label="Enabled"/>
</groupbox>

See also: caption|caption

Attributes

{{template.XULAttrInheritedWide()}}

Properties

{{template.XULPropInc("accessible")}} {{template.XULPropInheritedWide()}}

Methods

{{template.XULMethInheritedWide()}}

Interfaces

nsIAccessibleProvider

Revision Source

<div class="noinclude">{{template.XULRefElem()}}</div> 
<p>A box that draws a frame around it, intended to group a set of elements together. If a {{template.XULElem("caption")}} element is placed inside the <code>groupbox</code>, it will be used as a caption which appears along the top of the <code>groupbox</code>.
</p><p>More information is available in the <a href="en/XUL_Tutorial/Groupboxes">XUL tutorial</a>.
</p>
<dl><dt> Properties
</dt><dd> {{template.PrefAnch("p-", "accessible")}}
</dd></dl>
<h3 name="Examples"> Examples </h3>
<div class="float-right"><img alt="Image:XUL_ref_groupbox.png" src="File:en/Media_Gallery/XUL_ref_groupbox.png"></div>
<pre>&lt;groupbox&gt;
  &lt;caption label="Settings"/&gt;
  &lt;radiogroup&gt;
    &lt;radio label="Black and white"/&gt;
    &lt;radio label="Colour"/&gt;
  &lt;/radiogroup&gt;
  &lt;checkbox label="Enabled"/&gt;
&lt;/groupbox&gt;
</pre>
<p><small>See also: <a href="en/XUL">caption|caption</a></small>
</p>
<h3 name="Attributes"> Attributes </h3>
<p>{{template.XULAttrInheritedWide()}}
</p>
<h3 name="Properties"> Properties  </h3>
<p>{{template.XULPropInc("accessible")}}
{{template.XULPropInheritedWide()}}
</p>
<h3 name="Methods"> Methods </h3>
<p>{{template.XULMethInheritedWide()}}
</p>
<h3 name="Interfaces"> Interfaces </h3>
<p><a href="en/NsIAccessibleProvider">nsIAccessibleProvider</a>
</p>
Revert to this revision