mozilla

Revision 552543 of groupbox

  • Revision slug: Mozilla/Tech/XUL/groupbox
  • Revision title: groupbox
  • Revision id: 552543
  • Created:
  • Creator: Sheppy
  • Is current revision? Yes
  • Comment Interfaces to use templates; 5 words addedXUL/groupbox Mozilla/Tech/XUL/groupbox

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() }}

Interfaces
{{ interface("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 id="Examples" 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 id="Attributes" name="Attributes">Attributes</h3>
<p>{{ XULAttrInheritedWide() }}</p>
<h3 id="Properties" name="Properties">Properties</h3>
<p>{{ XULPropInc("accessibleType") }} {{ XULPropInheritedWide() }}</p>
<h3 id="Methods" name="Methods">Methods</h3>
<p>{{ XULMethInheritedWide() }}</p>
<h3 id="Related" name="Related">Related</h3>
<dl> <dt>Interfaces</dt> <dd>{{ interface("nsIAccessibleProvider") }}</dd>
</dl>
<p>{{ languages( { "ja": "ja/XUL/groupbox", "pl": "pl/XUL/groupbox" } ) }}</p>
Revert to this revision