VerticalTabs

Provides a render element for vertical tabs in a form.

Formats all child and non-child details elements whose #group is assigned this element's name as vertical tabs.

Properties:

• #default_tab: The HTML ID of the rendered details element to be used as the default tab. View the source of the rendered page to determine the ID.

Usage example:

$form['information'] = array(
  '#type' => 'vertical_tabs',
  '#default_tab' => 'edit-publication',
);

$form['author'] = array(
  '#type' => 'details',
  '#title' => $this->t('Author'),
  '#group' => 'information',
);

$form['author']['name'] = array(
  '#type' => 'textfield',
  '#title' => $this->t('Name'),
);

$form['publication'] = array(
  '#type' => 'details',
  '#title' => $this->t('Publication'),
  '#group' => 'information',
);

$form['publication']['publisher'] = array(
  '#type' => 'textfield',
  '#title' => $this->t('Publisher'),
);

Plugin annotation

@FormElement("vertical_tabs")

Hierarchy

• class \Drupal\Component\Plugin\PluginBase implements DerivativeInspectionInterface, PluginInspectionInterface
  • class \Drupal\Core\Plugin\PluginBase uses DependencySerializationTrait, StringTranslationTrait
    • class \Drupal\Core\Render\Element\RenderElement implements ElementInterface
      • class \Drupal\Core\Render\Element\VerticalTabs

File

core/lib/Drupal/Core/Render/Element/VerticalTabs.php, line 50

Namespace

Drupal\Core\Render\Element

Members