Skip to main content

ASPxTabControlBase.ClientInstanceName Property

Gets or sets the ASPxTabControlBase‘s client programmatic identifier.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v22.2.dll

NuGet Package: DevExpress.Web


public string ClientInstanceName { get; set; }

Property Value

Type Default Description
String String.Empty

A string value that specifies the ASPxTabControlBase‘s client identifier.


Use the ClientInstanceName property to specify a unique client-side identifier for the ASPxTabControlBase control. The ClientInstanceName property’s value can be used on the client side to programmatically access the client object rendered for the ASPxTabControlBase control in client-side script. This property is particularly important in referencing the ASPxTabControlBase control when it is contained within a naming container (for instance, within an ASPxPageControl‘s page or an ASPxPopupControl‘s window).

If the ClientInstanceName property is not specified for a control, the control’s client identifier is generated automatically and equals the value of the control’s ID property. Note that in this case, client-side programmatic access to the control is not allowed when the control is contained within a naming container.


The client-side programmatic interface is available if the ASPxTabControlBase.EnableClientSideAPI property is set to true.


The complete sample project is available in the DevExpress Code Central database at E483.

         <dxtc:ASPxPageControl ID="ASPxPageControl1" runat="server" 
         ActiveTabIndex="0" ClientInstanceName="pageControl">
                 <dxtc:TabPage Text="Tab 1">
                         <dxw:ContentControl runat="server">
                          <dxe:ASPxCheckBox ID="ASPxCheckBox1" runat="server" Text="Show Tab 2">
                                 <ClientSideEvents CheckedChanged="function(s, e) {
                var tab = pageControl.GetTab(1);
                var isVisible = s.GetChecked();
                }" />
                 <dxtc:TabPage ClientVisible="False" Text="Tab 2">
                         <dxw:ContentControl runat="server">
                             <dxe:ASPxLabel ID="ASPxLabel1" runat="server" Text="Label on Tab 2">
See Also