AddSubTabs
Create nested horizontal tabs inside an XLQP element container.
AddSubTabs
Creates a nested tab manager inside a compatible tab, section, or container. Each child page returns an ordinary element API. Aliases: CreateSubTabs and SubTabs.
local Pages = Tab:AddSubTabs({Name = "Settings", Fill = false, Height = 320})
local General = Pages:AddTab({Name = "General", Icon = "settings"})
General:AddToggle({Name = "Enabled", Default = true, Callback = function(value) print(value) end})
local About = Pages:AddTab({Name = "About", Icon = "info"})
About:AddLabel({Text = "XLQP Gen1"})Manager options
| Field | Default / behavior |
|---|---|
Name / Title | Empty string; title area is omitted when empty. |
Height | 430, clamped to 220–1400. |
Fill | Enabled unless false; fills the available parent height and responds to resizing. |
Gap | 8, minimum 4. |
ButtonHeight | 34, clamped to 28–52. |
Color / Accent | Default blue accent. |
Callback | Receives group name, selected tab name, child element API, and manager after a user selection. |
Child tab options
Name / Title, Icon / Image, Width (84–190), Selected / Default, TabAccent / Color / Accent, BackgroundColor / ButtonColor / BaseColor, BackgroundImage / TabImage / CardImage / ButtonImage, ImageColor / TabImageColor / BackgroundImageColor, ImageTransparency / TabImageTransparency / BackgroundImageTransparency, SelectedImageTransparency, ImageScaleType, and ForceColumns / Columns / TwoColumn.
Controller
AddTab(config) / Tab(config) returns the child element API. Select(nameOrIndexOrTab) changes the active page. GetSelected() returns the selected element API and tab information. SetHeight(number) disables fill mode; SetFill(boolean) and Refresh() update the layout.
Child APIs expose Select(), .SubTab, and .ParentSubTabs; the .SubTab information object supports Select() and SetName(value).
See AddSubTab for an automatic manager.