This is a migrated thread and some comments may be shown as answers.

TabStrip Tab UserControl will not display

1 Answer 64 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Jon
Top achievements
Rank 1
Jon asked on 14 Oct 2010, 09:38 PM
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

1 Answer, 1 is accepted

Sort by
0
Yana
Telerik team
answered on 18 Oct 2010, 01:45 PM
Hello,

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

Regards,
Yana
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
TabStrip
Asked by
Jon
Top achievements
Rank 1
Answers by
Yana
Telerik team
Share this question
or