The requested page is not available for the requested platform. You are viewing the content for Default platform.
All docs
V19.2
19.2
19.1
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.

TabPanel Class

Provides information about the Document Viewer's tab panel.

Declaration

class TabPanel extends Utils.Disposable

Properties

collapsed Property

Specifies whether the tab panel is collapsed.

Declaration

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

Property Value

Type Description
ko.Observable<boolean>
ko.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>

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>

width Property

Specifies the width of the tab panel.

Declaration

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

Property Value

Type Description
ko.Observable<number>
ko.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>