warp-fluent-tab-control

Implements tabbed WinForms UI with WARP FluentTabControl using per-tab UserControls and capped host sizing.

1|1|Updated Jun 12, 2022
One-click install
npx skills add https://github.com/KlausLoeffelmann/WinFormsDevTools --skill warp-fluent-tab-control-klausloeffelmann
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: warp-fluent-tab-control
Source: https://github.com/KlausLoeffelmann/WinFormsDevTools/tree/main/.github/skills/WARP-FluentTabControl
Command: npx skills add https://github.com/KlausLoeffelmann/WinFormsDevTools --skill warp-fluent-tab-control-klausloeffelmann

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires WarpToolkit.WinForms.Containers.

What problem does it solve? Adding tabs to a WARP FluentTabControl is not derivable from its small API alone: the control delegates layout, sizing, and scrolling to its content, so developers easily break Designer compatibility, oversize host forms beyond the screen, or lose scrolling for clipped tab pages. ## Core Features & Use Cases - Mandatory one-UserControl-per-tab pattern: Encapsulate every tab page as its own UserControl so the WinForms Designer, DI, and per-tab ViewModels keep working. - Host size derivation with caps: Compute the form's natural client size from the largest tab UserControl, then clamp to 75% of the screen working area or 90% of the parent client area. - Scrolling strategies for clipped tabs: Enable UserControl.AutoScroll with AutoScrollMinSize, or add an explicit inner scrolling panel when part of the tab must stay pinned. - Use Case: When adding a Settings tab to a MainForm hosting a FluentTabControl, create a SettingsView UserControl with a Designer-set Size, call AddTab from OnLoad (never InitializeComponent), and let the host derive and cap its ClientSize automatically. ## Quick Start Ask the AI to add a new tab to a form hosting a WARP FluentTabControl following the one-UserControl-per-tab pattern with proper host size capping.

Frequently Asked Questions about warp-fluent-tab-control

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add a tab to a WARP FluentTabControl in WinForms?▼

Create a UserControl for the tab content and call AddTab with a title and that UserControl, for example _fluentTab.AddTab("Settings", _settingsView). Call AddTab from OnLoad or the constructor after InitializeComponent, never inside the Designer file.

How to size a WinForms form that hosts a FluentTabControl?▼

Derive the natural client size from the maximum Designer-set Size (or PreferredSize) of all tab UserControls, then clamp it to 75% of the current screen's working area, or 90% of the parent client area for embedded scenarios. Apply the result in OnLoad.

Why is AutoScroll not working on my tab UserControl?▼

AutoScroll fails when the immediate child uses Dock=Fill, because the child shrinks with the parent leaving nothing to scroll. Set AutoScrollMinSize to the Designer-set Size, or use a top-anchored fixed-height inner panel instead.

Can I call FluentTabControl AddTab inside InitializeComponent?▼

No. AddTab adds runtime state such as the selected tab, event handlers, and child UserControls that the WinForms Designer parser cannot round-trip. InitializeComponent should only instantiate the control and set layout properties.

What NuGet package contains the WARP FluentTabControl?▼

FluentTabControl ships in the WarpToolkit.WinForms.Containers package, with the referenced version 0.9.323-preview.gb01532b307. It derives from Panel and exposes AddTab, CurrentTabIndex, CurrentTab, Tabs, and TabChanged.