MDN may have intermittent access issues April 18 13:00 - April 19 01:00 UTC. See whistlepig.mozilla.org for all notifications.

mozilla

Revision 92061 of groupbox

  • Revision slug: XUL/groupbox
  • Revision title: groupbox
  • Revision id: 92061
  • Created:
  • Creator: Enn
  • Is current revision? No
  • Comment 54 words added, 13 words removed

Revision Content

{{ XULRefElem() }}

The groupbox is used to group related elements together. If a {{ XULElem("caption") }} element is placed inside the groupbox, it will be used as a caption which appears along the top of the groupbox. Typically, the groupbox will be drawn with a border around it and the caption either above or over the top border, however the actual appearance will be platform specific. On Linux, for instance, only the caption appears with no border around the group.

More information is available in the XUL tutorial.

Properties
{{ PrefAnch("p-", "accessibleType") }}

Examples

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

Attributes

{{ XULAttrInheritedWide() }}

Properties

{{ XULPropInc("accessibleType") }} {{ XULPropInheritedWide() }}

Methods

{{ XULMethInheritedWide() }}

Related

Interfaces
nsIAccessibleProvider

{{ languages( { "ja": "ja/XUL/groupbox", "pl": "pl/XUL/groupbox" } ) }}

Revision Source

<div class="noinclude">{{ XULRefElem() }}</div>
<p>The <code>groupbox</code> is used to group related elements together. If a {{ 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>. Typically, the <code>groupbox</code> will be drawn with a border around it and the caption either above or over the top border, however the actual appearance will be platform specific. On Linux, for instance, only the caption appears with no border around the group.</p>
<p>More information is available in the <a href="/en/XUL_Tutorial/Groupboxes" title="en/XUL_Tutorial/Groupboxes">XUL tutorial</a>.</p>
<dl> <dt> Properties </dt> <dd> {{ PrefAnch("p-", "accessibleType") }} </dd>
</dl>
<h3 name="Examples">Examples</h3>
<div class="float-right"><img alt="Image:XUL_ref_groupbox.png" class=" internal" src="/@api/deki/files/459/=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>
<h3 name="Attributes">Attributes</h3>
<p>{{ XULAttrInheritedWide() }}</p>
<h3 name="Properties">Properties</h3>
<p>{{ XULPropInc("accessibleType") }} {{ XULPropInheritedWide() }}</p>
<h3 name="Methods">Methods</h3>
<p>{{ XULMethInheritedWide() }}</p>
<h3 name="Related">Related</h3>
<dl> <dt> Interfaces </dt> <dd> <a href="/en/nsIAccessibleProvider" title="en/nsIAccessibleProvider">nsIAccessibleProvider</a> </dd>
</dl>
<p>{{ languages( { "ja": "ja/XUL/groupbox", "pl": "pl/XUL/groupbox" } ) }}</p>
Revert to this revision