TabPage

Description

This component represents a single tab page within a TabControl in Blazor using the Gap.Blazor.TabPage model. It is rendered inside a Telerik TabStripTab and supports dynamic visibility, styling, and content layout. The component integrates with VB6 migration logic to support conditional rendering of tab pages.

Usage

<WMStyleBase model="this.model"></WMStyleBase>

<TabStripTab Title="@tabPage.Text" Visible="this.GetVisibility()">
    <div class="tabPage @this.tabPage.GetStringClasses()"
         @ref="elementRef"
         @onmouseup="MouseUpHandler"
         @onmousemove="MouseMoveHandler">
        @ChildContent
    </div>

    <style>
        .tabPage {
            top: 3px !important;
            bottom: 3px !important;
            left: 3px !important;
            right: 3px !important;
            width: auto !important;
            height: auto !important;
        }
    </style>
</TabStripTab>

Properties

• tabPage: Instance of the Gap.Blazor.TabPage model.

• Text: The title of the tab, displayed in the tab header.

• ChildContent: The content rendered inside the tab page.

• Parent: Reference to the parent TabControl.

Methods

• OnInitialized(): Subscribes to the NotifyModelChanged event to trigger UI updates.

• GetVisibility(): Determines whether the tab page should be rendered based on the parent TabControl's visibility logic. Supports VB6-style SetTabVisible behavior via VisibleAffected() and GetTabVisible().

Dynamic Rendering

• TabStripTab: Renders the tab page within a Telerik TabStrip.

• Visibility: Controlled by GetVisibility() to support conditional tab rendering.

• CSS Styling: Applies padding and layout adjustments to the tab content area.

Styles

.tabPage {
    top: 3px !important;
    bottom: 3px !important;
    left: 3px !important;
    right: 3px !important;
    width: auto !important;
    height: auto !important;
}

Events

• NotifyModelChanged: Triggers UI updates when the model changes.