Skip to main content

GroupBox

The GroupBox displays a frame around a group of controls with or without a caption. Use a GroupBox to logically group a collection of controls on a form. The GroupBox is a container control that can be used to define groups of controls.

A typical use for a group box is to contain a logical group of RadioButton controls. When you have two group boxes, each containing several radio buttons, each group of buttons is mutually exclusive, setting one option value per group.

You can add controls to the GroupBox using the Add method of the Controls property.

info

For a full list of properties, methods and events see the API documentation.

Features

Collapsible

The visibility of the GroupBox can be controlled at runtime using the ShowCloseButton property.

GroupBox demonstrating collapsible functionality

CheckBox

The GroupBox control features an optional checkbox that can be toggled to enable or disable the child controls. Set the ShowCheckBox property to true to show the checkbox. Set the Checked property to toggle the checked state.

GroupBox showing checkbox integration for enabling/disabling contents

AutoSize

When enabled, the GroupBox control resizes itself to fit its contents according to the AutoSizeMode property specified.

GroupBox demonstrating automatic resizing behavior

Advanced

JavaScript Widget

ItemDescription
Class name"wisej.web.GroupBox"
Theme appearance"groupbox", see Themes.
Child components"legend" is the groupbox legend. "frame" is the groupbox frame. "close-button" is the button that hides the groupbox. See JavaScript.
Source codehttps://github.com/iceteagroup/wisej-js