Skip to main content

TabPanel Class

Provides information about the Document Viewer’s tab panel.

Declaration

export class TabPanel extends Disposable

Properties

collapsed Property

Specifies whether the tab panel is collapsed.

Declaration

collapsed: ko.Observable<boolean> | ko.Computed<boolean>

Property Value

Type
Observable<boolean>
Computed<boolean>

Remarks

The code sample below demonstrates how to automatically collapse the tab panel after resetting parameter values in the ASPxClientReportDesigner.PreviewParametersReset event handler.

<script type="text/javascript" id="script">
    function previewParametersReset(s, e) {
        var preview = s.GetPreviewModel();
        if (preview) {
            preview.tabPanel.collapsed(true);
        }
    }
</script>

<dx:ASPxReportDesigner ID="ASPxReportDesigner1" runat="server">      
    <ClientSideEvents PreviewParametersReset="previewParametersReset"/>  
</dx:ASPxReportDesigner>

keyboardHelper Property

Declaration

keyboardHelper: RightPanelKeyboardHelper

Property Value

Type
RightPanelKeyboardHelper

tabs Property

Provides access to the tabs of the tab panel.

Declaration

tabs: TabInfo[]

Property Value

Type Description
TabInfo[]

An array of tabs.

Remarks

The code sample below demonstrates how to make a specific tab active.

<script type="text/javascript" id="script">
    function Init(s, e) {
        s.GetPreviewModel().tabPanel.tabs[0].active(true);
    }
</script>

<dx:ASPxReportDesigner ID="ASPxReportDesigner1" runat="server">      
    <ClientSideEvents Init="Init"/>  
</dx:ASPxReportDesigner>

toggleTabVisibility Property

Declaration

toggleTabVisibility: (e: any) => void

Property Value

Type
(e: any) => void

width Property

Specifies the width of the tab panel.

Declaration

width: ko.Observable<number> | ko.Computed<number>

Property Value

Type
Observable<number>
Computed<number>

Remarks

The code sample below demonstrates how to specify the tab panel width in the Init event handler.

<script type="text/javascript" id="script">
    function Init(s, e) {
        s.GetPreviewModel().tabPanel.width(500);
    }
</script>

<dx:ASPxReportDesigner ID="ASPxReportDesigner1" runat="server">      
    <ClientSideEvents Init="Init"/>  
</dx:ASPxReportDesigner>