Class reference

TabContainer

Inherits Container

A container that creates a tab for each child control, displaying only the active tab's control.

Description

Arranges child controls into a tabbed view, creating a tab for each one. The active tab's corresponding control is made visible, while all other child controls are hidden. Ignores non-control children. Note: The drawing of the clickable tabs is handled by this node; TabBar is not needed.

Properties

bool all_tabs_in_front = false

If true, all tabs are drawn in front of the panel. If false, inactive tabs are drawn behind the panel.

bool clip_tabs = true

If true, tabs overflowing this node's width will be hidden, displaying two navigation buttons instead. Otherwise, this node's minimum size is updated so that all tabs are visible.

int current_tab = -1

The current tab index. When set, this index's Control node's visible property is set to true and all others are set to false. A value of -1 means that no tab is selected.

bool deselect_enabled = false

If true, all tabs can be deselected so that no tab is selected. Click on the current_tab to deselect it. Only the tab header will be shown if no tabs are selected.

bool drag_to_rearrange_enabled = false

If true, tabs can be rearranged with mouse drag.

int tab_alignment = 0

The position at which tabs will be placed.

int tab_focus_mode = 2

The focus access mode for the internal TabBar node.

int tabs_position = 0

The position of the tab bar.

bool tabs_visible = true

If true, tabs are visible. If false, tabs' content and titles are hidden.

bool use_hidden_tabs_for_min_size = false

If true, child Control nodes that are hidden have their minimum size take into account in the total, instead of only the currently visible one.

Methods

Control get_current_tab_control() const

Returns the child Control node located at the active tab index.

Popup get_popup() const

Returns the Popup node instance if one has been set already with set_popup(). Warning: This is a required internal node, removing and freeing it may cause a crash. If you wish to hide it or any of its children, use their Window.visible property.

int get_previous_tab() const

Returns the previously active tab index.

TabBar get_tab_bar() const

Returns the TabBar contained in this container. Warning: This is a required internal node, removing and freeing it or editing its tabs may cause a crash. If you wish to edit the tabs, use the methods provided in TabContainer.

Texture2D get_tab_button_icon(int tab_idx) const

Returns the button icon from the tab at index tab_idx.

Control get_tab_control(int tab_idx) const

Returns the Control node from the tab at index tab_idx.

int get_tab_count() const

Returns the number of tabs.

int get_tab_icon_max_width(int tab_idx) const

Returns the maximum allowed width of the icon for the tab at index tab_idx.

int get_tab_idx_at_point(Vector2 point) const

Returns the index of the tab at local coordinates point. Returns -1 if the point is outside the control boundaries or if there's no tab at the queried position.

int get_tab_idx_from_control(Control control) const

Returns the index of the tab tied to the given control. The control must be a child of the TabContainer.

Variant get_tab_metadata(int tab_idx) const

Returns the metadata value set to the tab at index tab_idx using set_tab_metadata(). If no metadata was previously set, returns null by default.

String get_tab_title(int tab_idx) const

Returns the title of the tab at index tab_idx. Tab titles default to the name of the indexed child node, but this can be overridden with set_tab_title().

String get_tab_tooltip(int tab_idx) const

Returns the tooltip text of the tab at index tab_idx.

bool is_tab_disabled(int tab_idx) const

Returns true if the tab at index tab_idx is disabled.

bool is_tab_hidden(int tab_idx) const

Returns true if the tab at index tab_idx is hidden.

bool select_next_available()

Selects the first available tab with greater index than the currently selected. Returns true if tab selection changed.

bool select_previous_available()

Selects the first available tab with lower index than the currently selected. Returns true if tab selection changed.

void set_popup(Node popup)

If set on a Popup node instance, a popup menu icon appears in the top-right corner of the TabContainer (setting it to null will make it go away). Clicking it will expand the Popup node.

void set_tab_button_icon(int tab_idx, Texture2D icon)

Sets the button icon from the tab at index tab_idx.

void set_tab_disabled(int tab_idx, bool disabled)

If disabled is true, disables the tab at index tab_idx, making it non-interactable.

void set_tab_hidden(int tab_idx, bool hidden)

If hidden is true, hides the tab at index tab_idx, making it disappear from the tab area.

void set_tab_icon(int tab_idx, Texture2D icon)

Sets an icon for the tab at index tab_idx.

void set_tab_icon_max_width(int tab_idx, int width)

Sets the maximum allowed width of the icon for the tab at index tab_idx. This limit is applied on top of the default size of the icon and on top of icon_max_width. The height is adjusted according to the icon's ratio.

void set_tab_metadata(int tab_idx, Variant metadata)

Sets the metadata value for the tab at index tab_idx, which can be retrieved later using get_tab_metadata().

void set_tab_title(int tab_idx, String title)

Sets a custom title for the tab at index tab_idx (tab titles default to the name of the indexed child node). Set it back to the child's name to make the tab default to it again.

void set_tab_tooltip(int tab_idx, String tooltip)

Sets a custom tooltip text for tab at index tab_idx. Note: By default, if the tooltip is empty and the tab text is truncated (not all characters fit into the tab), the title will be displayed as a tooltip. To hide the tooltip, assign " " as the tooltip text.

Signals

tab_button_pressed(int tab)

Emitted when the user clicks on the button icon on this tab.

tab_changed(int tab)

Emitted when switching to another tab.

tab_clicked(int tab)

Emitted when a tab is clicked, even if it is the current tab.

tab_hovered(int tab)

Emitted when a tab is hovered by the mouse.

tab_selected(int tab)

Emitted when a tab is selected via click, directional input, or script, even if it is the current tab.

Constants

POSITION_TOP = 0

Enum: TabPosition

Places the tab bar at the top.

POSITION_BOTTOM = 1

Enum: TabPosition

Places the tab bar at the bottom. The tab bar's StyleBox will be flipped vertically.

POSITION_MAX = 2

Enum: TabPosition

Represents the size of the TabPosition enum.

Theme properties

Color drop_mark_color = Color(1, 1, 1, 1)

Modulation color for the drop_mark icon.

Color font_disabled_color = Color(0.875, 0.875, 0.875, 0.5)

Font color of disabled tabs.

Color font_hovered_color = Color(0.95, 0.95, 0.95, 1)

Font color of the currently hovered tab.

Color font_outline_color = Color(0, 0, 0, 1)

The tint of text outline of the tab name.

Color font_selected_color = Color(0.95, 0.95, 0.95, 1)

Font color of the currently selected tab.

Color font_unselected_color = Color(0.7, 0.7, 0.7, 1)

Font color of the other, unselected tabs.

int icon_max_width = 0

The maximum allowed width of the tab's icon. This limit is applied on top of the default size of the icon, but before the value set with TabBar.set_tab_icon_max_width(). The height is adjusted according to the icon's ratio.

int icon_separation = 4

Space between tab's name and its icon.

int tab_separation = 0

The space between tabs in the tab bar.

Font font

The font used to draw tab names.

int font_size

Font size of the tab names.

Texture2D decrement

Icon for the left arrow button that appears when there are too many tabs to fit in the container width. When the button is disabled (i.e. the first tab is visible), it appears semi-transparent.

Texture2D decrement_highlight

Icon for the left arrow button that appears when there are too many tabs to fit in the container width. Used when the button is being hovered with the cursor.

Texture2D increment

Icon for the right arrow button that appears when there are too many tabs to fit in the container width. When the button is disabled (i.e. the last tab is visible) it appears semi-transparent.

Texture2D increment_highlight

Icon for the right arrow button that appears when there are too many tabs to fit in the container width. Used when the button is being hovered with the cursor.

Texture2D menu_highlight

The icon for the menu button (see set_popup()) when it's being hovered with the cursor.

StyleBox panel

The style for the background fill.

StyleBox tab_disabled

The style of disabled tabs.

StyleBox tab_focus

StyleBox used when the TabBar is focused. The tab_focus StyleBox is displayed over the base StyleBox of the selected tab, so a partially transparent StyleBox should be used to ensure the base StyleBox remains visible. A StyleBox that represents an outline or an underline works well for this purpose. To disable the focus visual effect, assign a StyleBoxEmpty resource. Note that disabling the focus visual effect will harm keyboard/controller navigation usability, so this is not recommended for accessibility reasons.

StyleBox tab_hovered

The style of the currently hovered tab. Note: This style will be drawn with the same width as tab_unselected at minimum.

StyleBox tab_selected

The style of the currently selected tab.

StyleBox tab_unselected

The style of the other, unselected tabs.

StyleBox tabbar_background

The style for the background fill of the TabBar area.

Tutorials

Source revision 4f5b14abade2
Connection interrupted. Reload×

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please retry or reload the page.