[Solved] TabStrip Tab UserControl will not display

[Jon]

I have a tab strip with three tabs and the tab headers display properly. However, nothing happened when I click on the tabs (other than a slight UI change on the first click). I tried programmatically setting the TabStrip to use Tab 1 instead of zero, and this did change the tab visually (highlighted the second tab), but the content shown was still that of the first tab.

The tab contents for each of these are user controls (the tab itself is within a Grid - EditTemplate). The first tab's content and functionality were working fine.

(A short while later...)

By trying the tabs with a standard label control instead of the user controls I defined, I was able to isolate the issue as a UserControl issue. I finally isolated the issue to be associated with the RadInputManager and the Targeted controls for validation (required fields). If I comment out the TargetedControls section, then the tab/user control works properly, but leaving any of the TargetInput entries (I tried to isolate this to a particular line, but any entry causes the problem) results in the tab not switching (visually) and the user control content not being displayed.

Here's the User Control markup (with TargetInput entries):

<%@ Control Language="vb" AutoEventWireup="true" CodeBehind="AddressInfo.ascx.vb" Inherits="UserMaintenance.AddressInfo" %>

<div style="width: auto;">
    <telerik:RadInputManager id="RadInputManager1" runat="server">
        <telerik:TextBoxSetting ErrorMessage="Required field." Validation-IsRequired="True"
            EmptyMessage="Please type here." Validation-ValidateOnEvent="Submit">
            <TargetControls>
                <telerik:TargetInput ControlID="txtStreet" />
                <telerik:TargetInput ControlID="txtCity" />
                <telerik:TargetInput ControlID="txtState" />
                <telerik:TargetInput ControlID="txtZip" />
                <telerik:TargetInput ControlID="txtMobile" />
                <telerik:TargetInput ControlID="txtPhone" />
                <telerik:TargetInput ControlID="txtFax" />
            </TargetControls>
            <Validation IsRequired="True"></Validation>
        </telerik:TextBoxSetting>
    </telerik:RadInputManager>
    <div class="row" style="float: right;">
        <asp:Label ID="lblResult" runat="server" Text="No Comment" Visible="False" Font-Bold="True"
            Font-Size="11pt"></asp:Label>
    </div>
    <div style="float: left; width: 50%;">
        <table cellspacing="0" cellpadding="3" border="0" summary="Edit Table" class="Normal">
            <tr>
                <td align="right">
                    <asp:Label ID="lblStreet" runat="server" Text="Street" />
                </td>
                <td>
                    <asp:TextBox ID="txtStreet" runat="server" AutoCompleteType="HomeStreetAddress" TabIndex="1"
                        Text='<%# DataBinder.Eval( Container, "DataItem.Street" ) %>' />
                </td>
            </tr>
            <tr>
                <td align="right">
                    <asp:Label ID="lblCity" runat="server" Text="City" />
                </td>
                <td>
                    <asp:TextBox ID="txtCity" runat="server" AutoCompleteType="HomeCity" TabIndex="2"
                        Text='<%# DataBinder.Eval( Container, "DataItem.City" ) %>' />
                </td>
            </tr>
            <tr>
                <td align="right">
                    <asp:Label ID="lblState" runat="server" Text="State" />
                </td>
                <td>
                    <asp:TextBox ID="txtState" runat="server" AutoCompleteType="HomeState" TabIndex="3"
                        Text='<%# DataBinder.Eval( Container, "DataItem.State" ) %>' />
                </td>
            </tr>
            <tr>
                <td align="right">
                    <asp:Label ID="lblZip" runat="server" Text="Zip" />
                </td>
                <td>
                    <asp:TextBox ID="txtZip" runat="server" AutoCompleteType="HomeZipCode" TabIndex="4"
                        Text='<%# DataBinder.Eval( Container, "DataItem.Zip" ) %>' />
                </td>
            </tr>
        </table>
    </div>
    <div style="float: left; width: 50%;">
        <table class="Normal">
            <tr>
                <td align="right">
                    <asp:Label ID="lblMobile" runat="server" Text="Mobile" />
                </td>
                <td>
                    <asp:TextBox ID="txtMobile" runat="server" AutoCompleteType="Cellular" TabIndex="5"
                        Height="22px" Text='<%# DataBinder.Eval( Container, "DataItem.Mobile" ) %>' />
                </td>
            </tr>
            <tr>
                <td align="right">
                    <asp:Label ID="lblPhone" runat="server" Text="Phone" />
                </td>
                <td>
                    <asp:TextBox ID="txtPhone" runat="server" AutoCompleteType="BusinessPhone" TabIndex="6"
                        Height="22px" Text='<%# DataBinder.Eval( Container, "DataItem.Phone" ) %>' />
                </td>
            </tr>
            <tr>
                <td align="right">
                    <asp:Label ID="lblFax" runat="server" Text="Fax" />
                </td>
                <td>
                    <asp:TextBox ID="txtFax" runat="server" AutoCompleteType="BusinessFax" TabIndex="7"
                        Height="22px" Text='<%# DataBinder.Eval( Container, "DataItem.Fax" ) %>' />
                </td>
            </tr>
            <tr></tr>
        </table>
    </div>
</div>
<!-- Empty row to keep tops of columns aligned. -->
<div class="row">
    <span class="field"></span>
</div>

I also tried changing the ID of the RadInputManager, since I was using the same ID for each of these (one per tab), but this made no difference. Lastly, I tried moving these into another user control (since the content for several tabs is persisted in the same table), but again, no luck.

Has anyone else run into this strange issue and/or know of a fix?

Thanks in advance,

Jon

[Yana]

Hello,

Please set CausesValidation property of the tabstrip to "false" and let us know whether it helps.

Regards,
Yana
the Telerik team