TabContainer

Inherits: Container < Control < CanvasItem < Node < Object

Tabbed container.

Description

Arranges Control children into a tabbed view, creating a tab for each one. The active tab's corresponding Control has its visible property set to true, and all other children's to false.

Ignores non-Control children.

Note: The drawing of the clickable tabs themselves is handled by this node. Adding TabBars as children is not needed.

Tutorials

Properties

bool

all_tabs_in_front

false

bool

clip_tabs

true

int

current_tab

0

bool

drag_to_rearrange_enabled

false

AlignmentMode

tab_alignment

0

int

tabs_rearrange_group

-1

bool

tabs_visible

true

bool

use_hidden_tabs_for_min_size

false

Methods

Control

get_current_tab_control ( ) const

Popup

get_popup ( ) const

int

get_previous_tab ( ) const

Texture2D

get_tab_button_icon ( int tab_idx ) const

Control

get_tab_control ( int tab_idx ) const

int

get_tab_count ( ) const

Texture2D

get_tab_icon ( int tab_idx ) const

int

get_tab_idx_at_point ( Vector2 point ) const

int

get_tab_idx_from_control ( Control control ) const

String

get_tab_title ( int tab_idx ) const

bool

is_tab_disabled ( int tab_idx ) const

bool

is_tab_hidden ( int tab_idx ) const

void

set_popup ( Node popup )

void

set_tab_button_icon ( int tab_idx, Texture2D icon )

void

set_tab_disabled ( int tab_idx, bool disabled )

void

set_tab_hidden ( int tab_idx, bool hidden )

void

set_tab_icon ( int tab_idx, Texture2D icon )

void

set_tab_title ( int tab_idx, String title )

Theme Properties

Color

drop_mark_color

Color(1, 1, 1, 1)

Color

font_disabled_color

Color(0.875, 0.875, 0.875, 0.5)

Color

font_outline_color

Color(1, 1, 1, 1)

Color

font_selected_color

Color(0.95, 0.95, 0.95, 1)

Color

font_unselected_color

Color(0.7, 0.7, 0.7, 1)

int

icon_separation

4

int

outline_size

0

int

side_margin

8

Font

font

int

font_size

Texture2D

decrement

Texture2D

decrement_highlight

Texture2D

drop_mark

Texture2D

increment

Texture2D

increment_highlight

Texture2D

menu

Texture2D

menu_highlight

StyleBox

panel

StyleBox

tab_disabled

StyleBox

tab_selected

StyleBox

tab_unselected

StyleBox

tabbar_background

Signals

  • pre_popup_pressed ( )

Emitted when the TabContainer's Popup button is clicked. See set_popup for details.


  • 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_selected ( int tab )

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

Property Descriptions

  • bool all_tabs_in_front

Default

false

Setter

set_all_tabs_in_front(value)

Getter

is_all_tabs_in_front()

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


Default

true

Setter

set_clip_tabs(value)

Getter

get_clip_tabs()

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

Default

0

Setter

set_current_tab(value)

Getter

get_current_tab()

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.


  • bool drag_to_rearrange_enabled

Default

false

Setter

set_drag_to_rearrange_enabled(value)

Getter

get_drag_to_rearrange_enabled()

If true, tabs can be rearranged with mouse drag.


Default

0

Setter

set_tab_alignment(value)

Getter

get_tab_alignment()

Sets the position at which tabs will be placed. See AlignmentMode for details.


  • int tabs_rearrange_group

Default

-1

Setter

set_tabs_rearrange_group(value)

Getter

get_tabs_rearrange_group()

TabContainers with the same rearrange group ID will allow dragging the tabs between them. Enable drag with drag_to_rearrange_enabled.

Setting this to -1 will disable rearranging between TabContainers.


Default

true

Setter

set_tabs_visible(value)

Getter

are_tabs_visible()

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


  • bool use_hidden_tabs_for_min_size

Default

false

Setter

set_use_hidden_tabs_for_min_size(value)

Getter

get_use_hidden_tabs_for_min_size()

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

Method Descriptions

  • 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.


Returns the button icon from the tab at index tab_idx.


Returns the Control node from the tab at index tab_idx.


  • int get_tab_count ( ) const

Returns the number of tabs.


Returns the Texture2D for the tab at index tab_idx or null if the tab has no Texture2D.


  • 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.


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.


  • 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.


  • 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.


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.


Sets an icon for the tab at index tab_idx.


  • 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.

Theme Property Descriptions

Default

Color(1, 1, 1, 1)

Modulation color for the drop_mark icon.


  • Color font_disabled_color

Default

Color(0.875, 0.875, 0.875, 0.5)

Font color of disabled tabs.


  • Color font_outline_color

Default

Color(1, 1, 1, 1)

The tint of text outline of the tab name.


  • Color font_selected_color

Default

Color(0.95, 0.95, 0.95, 1)

Font color of the currently selected tab.


  • Color font_unselected_color

Default

Color(0.7, 0.7, 0.7, 1)

Font color of the other, unselected tabs.


  • int icon_separation

Default

4

Space between tab's name and its icon.


  • int outline_size

Default

0

The size of the tab text outline.


  • int side_margin

Default

8

The space at the left or right edges of the tab bar, accordingly with the current tab_alignment.

The margin is ignored with ALIGNMENT_RIGHT if the tabs are clipped (see clip_tabs) or a popup has been set (see set_popup). The margin is always ignored with ALIGNMENT_CENTER.


The font used to draw tab names.


  • int font_size

Font size of the tab names.


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.


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.


Icon shown to indicate where a dragged tab is gonna be dropped (see drag_to_rearrange_enabled).


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.


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.


The icon for the menu button (see set_popup).


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


The style for the background fill.


The style of disabled tabs.


The style of the currently selected tab.


The style of the other, unselected tabs.


The style for the background fill of the TabBar area.