When a RadTabStrip was moved into our header container control it stopped working. It no longer appears to be associating itself with the MultiPageView control. Previously the tab strip was at the same level in the control tree as the multi page, however, it is now placed in a header control which uses a content template. You can see from the client object create statement that the IDs for the multi page and the tabs are missing (I would think the control should fail at this point if an ID was specified and it couldn't find the control). I tried setting the client ID explicitly to the ID field and that didn't work.
I added the control named RadTabStrip1 for testing.
Works
<Efficio:EfficioContainer ID="cHeader" ContainerType="Tabbed" Width="658" runat="server">
<telerik:RadTabStrip ID="RadTabStrip1" SelectedIndex="0" MultiPageID="rmpMain" EnableEmbeddedSkins="False" Width="375" Align="Right" CssClass="tabStrip" runat="server">
<Tabs>
<telerik:RadTab PageViewID="pvGeneral" Text="Add Pending" Value="Opportunity" runat="server" />
<telerik:RadTab PageViewID="pvActivity" Text="Add Activity" Value="Activity" runat="server" />
</Tabs>
</telerik:RadTabStrip>
<Efficio:EfficioHeader ID="hTitle" HeaderType="Container" LeftWidth="220" runat="server">
<ContentTemplate>
<Efficio:EfficioHeaderMenu ID="hmConfiguration" Width="200" runat="server">
<ItemTemplate>
<Efficio:EfficioContainer ID="cConfiguration" ContainerType="White" runat="server">
<Efficio:EfficioHeader ID="hConfiguration" Text="Configure" runat="server" />
<asp:CheckBox ID="chkEnableStageTasks" Text="Stage Tasks Enabled" ClientIDMode="Static" runat="server" />
<Efficio:EfficioButton ID="btnClose" Text="Close" OnClientClick="ConfigureStages();CloseHeaderMenu();return false;" runat="server" />
</Efficio:EfficioContainer>
</ItemTemplate>
</Efficio:EfficioHeaderMenu>
<telerik:RadTabStrip ID="tsMain" SelectedIndex="0" MultiPageID="rmpMain" EnableEmbeddedSkins="False" Skin="EfficioSkin" Width="375" Align="Right" CssClass="tabStrip" OnClientTabSelected="tsMain_onTabSelected" runat="server">
<Tabs>
<telerik:RadTab PageViewID="pvGeneral" Text="Add Pending" Value="<%# TabName.Opportunity %>" runat="server" />
<telerik:RadTab PageViewID="pvActivity" Text="Add Activity" Value="<%# TabName.Activity %>" runat="server" />
<telerik:RadTab PageViewID="pvProposal" Text="Proposal" Value="<%# TabName.Proposal %>" runat="server" Visible="False" />
<telerik:RadTab PageViewID="pvHistory" Text="Activity History" Value="<%# TabName.History %>" Visible="false" runat="server" />
</Tabs>
</telerik:RadTabStrip>
</ContentTemplate>
</Efficio:EfficioHeader>
<br class="clear" />
<telerik:RadMultiPage ID="rmpMain" SelectedIndex="0" CssClass="radMultiPage multiPageContainer" runat="server">
Sys.Application.add_init(function() {
$create(Telerik.Web.UI.RadTabStrip, {"_align":2,"_selectedIndex":0,"_skin":"Default","clientStateFieldID":"ctl00_cphM_cHeader_RadTabStrip1_ClientState","multiPageID":"ctl00_cphM_cHeader_rmpMain","selectedIndexes":["0"],"tabData":[{"value":"Opportunity","pageViewID":"ctl00_cphM_cHeader_pvGeneral"},{"value":"Activity","pageViewID":"ctl00_cphM_cHeader_pvActivity"}]}, null, null, $get("ctl00_cphM_cHeader_RadTabStrip1"));
});
Doesn't work
<Efficio:EfficioContainer ID="cHeader" ContainerType="Tabbed" Width="658" runat="server">
<Efficio:EfficioHeader ID="hTitle" HeaderType="Container" LeftWidth="220" runat="server">
<ContentTemplate>
<telerik:RadTabStrip ID="RadTabStrip1" SelectedIndex="0" MultiPageID="rmpMain" EnableEmbeddedSkins="False" Width="375" Align="Right" CssClass="tabStrip" runat="server">
<Tabs>
<telerik:RadTab PageViewID="pvGeneral" Text="Add Pending" Value="Opportunity" runat="server" />
<telerik:RadTab PageViewID="pvActivity" Text="Add Activity" Value="Activity" runat="server" />
</Tabs>
</telerik:RadTabStrip>
<Efficio:EfficioHeaderMenu ID="hmConfiguration" Width="200" runat="server">
<ItemTemplate>
<Efficio:EfficioContainer ID="cConfiguration" ContainerType="White" runat="server">
<Efficio:EfficioHeader ID="hConfiguration" Text="Configure" runat="server" />
<asp:CheckBox ID="chkEnableStageTasks" Text="Stage Tasks Enabled" ClientIDMode="Static" runat="server" />
<Efficio:EfficioButton ID="btnClose" Text="Close" OnClientClick="ConfigureStages();CloseHeaderMenu();return false;" runat="server" />
</Efficio:EfficioContainer>
</ItemTemplate>
</Efficio:EfficioHeaderMenu>
<telerik:RadTabStrip ID="tsMain" SelectedIndex="0" MultiPageID="rmpMain" EnableEmbeddedSkins="False" Skin="EfficioSkin" Width="375" Align="Right" CssClass="tabStrip" OnClientTabSelected="tsMain_onTabSelected" runat="server">
<Tabs>
<telerik:RadTab PageViewID="pvGeneral" Text="Add Pending" Value="<%# TabName.Opportunity %>" runat="server" />
<telerik:RadTab PageViewID="pvActivity" Text="Add Activity" Value="<%# TabName.Activity %>" runat="server" />
<telerik:RadTab PageViewID="pvProposal" Text="Proposal" Value="<%# TabName.Proposal %>" runat="server" Visible="False" />
<telerik:RadTab PageViewID="pvHistory" Text="Activity History" Value="<%# TabName.History %>" Visible="false" runat="server" />
</Tabs>
</telerik:RadTabStrip>
</ContentTemplate>
</Efficio:EfficioHeader>
<br class="clear" />
<telerik:RadMultiPage ID="rmpMain" SelectedIndex="0" CssClass="radMultiPage multiPageContainer" runat="server">
<telerik:RadPageView ID="pvGeneral" runat="server">
Sys.Application.add_init(function() {
$create(Telerik.Web.UI.RadTabStrip, {"_align":2,"_selectedIndex":0,"_skin":"Default","clientStateFieldID":"ctl00_cphM_cHeader_hTitle_RadTabStrip1_ClientState","selectedIndexes":["0"],"tabData":[{"value":"Opportunity"},{"value":"Activity"}]}, null, null, $get("ctl00_cphM_cHeader_hTitle_RadTabStrip1"));
I added the control named RadTabStrip1 for testing.
Works
<Efficio:EfficioContainer ID="cHeader" ContainerType="Tabbed" Width="658" runat="server">
<telerik:RadTabStrip ID="RadTabStrip1" SelectedIndex="0" MultiPageID="rmpMain" EnableEmbeddedSkins="False" Width="375" Align="Right" CssClass="tabStrip" runat="server">
<Tabs>
<telerik:RadTab PageViewID="pvGeneral" Text="Add Pending" Value="Opportunity" runat="server" />
<telerik:RadTab PageViewID="pvActivity" Text="Add Activity" Value="Activity" runat="server" />
</Tabs>
</telerik:RadTabStrip>
<Efficio:EfficioHeader ID="hTitle" HeaderType="Container" LeftWidth="220" runat="server">
<ContentTemplate>
<Efficio:EfficioHeaderMenu ID="hmConfiguration" Width="200" runat="server">
<ItemTemplate>
<Efficio:EfficioContainer ID="cConfiguration" ContainerType="White" runat="server">
<Efficio:EfficioHeader ID="hConfiguration" Text="Configure" runat="server" />
<asp:CheckBox ID="chkEnableStageTasks" Text="Stage Tasks Enabled" ClientIDMode="Static" runat="server" />
<Efficio:EfficioButton ID="btnClose" Text="Close" OnClientClick="ConfigureStages();CloseHeaderMenu();return false;" runat="server" />
</Efficio:EfficioContainer>
</ItemTemplate>
</Efficio:EfficioHeaderMenu>
<telerik:RadTabStrip ID="tsMain" SelectedIndex="0" MultiPageID="rmpMain" EnableEmbeddedSkins="False" Skin="EfficioSkin" Width="375" Align="Right" CssClass="tabStrip" OnClientTabSelected="tsMain_onTabSelected" runat="server">
<Tabs>
<telerik:RadTab PageViewID="pvGeneral" Text="Add Pending" Value="<%# TabName.Opportunity %>" runat="server" />
<telerik:RadTab PageViewID="pvActivity" Text="Add Activity" Value="<%# TabName.Activity %>" runat="server" />
<telerik:RadTab PageViewID="pvProposal" Text="Proposal" Value="<%# TabName.Proposal %>" runat="server" Visible="False" />
<telerik:RadTab PageViewID="pvHistory" Text="Activity History" Value="<%# TabName.History %>" Visible="false" runat="server" />
</Tabs>
</telerik:RadTabStrip>
</ContentTemplate>
</Efficio:EfficioHeader>
<br class="clear" />
<telerik:RadMultiPage ID="rmpMain" SelectedIndex="0" CssClass="radMultiPage multiPageContainer" runat="server">
Sys.Application.add_init(function() {
$create(Telerik.Web.UI.RadTabStrip, {"_align":2,"_selectedIndex":0,"_skin":"Default","clientStateFieldID":"ctl00_cphM_cHeader_RadTabStrip1_ClientState","multiPageID":"ctl00_cphM_cHeader_rmpMain","selectedIndexes":["0"],"tabData":[{"value":"Opportunity","pageViewID":"ctl00_cphM_cHeader_pvGeneral"},{"value":"Activity","pageViewID":"ctl00_cphM_cHeader_pvActivity"}]}, null, null, $get("ctl00_cphM_cHeader_RadTabStrip1"));
});
Doesn't work
<Efficio:EfficioContainer ID="cHeader" ContainerType="Tabbed" Width="658" runat="server">
<Efficio:EfficioHeader ID="hTitle" HeaderType="Container" LeftWidth="220" runat="server">
<ContentTemplate>
<telerik:RadTabStrip ID="RadTabStrip1" SelectedIndex="0" MultiPageID="rmpMain" EnableEmbeddedSkins="False" Width="375" Align="Right" CssClass="tabStrip" runat="server">
<Tabs>
<telerik:RadTab PageViewID="pvGeneral" Text="Add Pending" Value="Opportunity" runat="server" />
<telerik:RadTab PageViewID="pvActivity" Text="Add Activity" Value="Activity" runat="server" />
</Tabs>
</telerik:RadTabStrip>
<Efficio:EfficioHeaderMenu ID="hmConfiguration" Width="200" runat="server">
<ItemTemplate>
<Efficio:EfficioContainer ID="cConfiguration" ContainerType="White" runat="server">
<Efficio:EfficioHeader ID="hConfiguration" Text="Configure" runat="server" />
<asp:CheckBox ID="chkEnableStageTasks" Text="Stage Tasks Enabled" ClientIDMode="Static" runat="server" />
<Efficio:EfficioButton ID="btnClose" Text="Close" OnClientClick="ConfigureStages();CloseHeaderMenu();return false;" runat="server" />
</Efficio:EfficioContainer>
</ItemTemplate>
</Efficio:EfficioHeaderMenu>
<telerik:RadTabStrip ID="tsMain" SelectedIndex="0" MultiPageID="rmpMain" EnableEmbeddedSkins="False" Skin="EfficioSkin" Width="375" Align="Right" CssClass="tabStrip" OnClientTabSelected="tsMain_onTabSelected" runat="server">
<Tabs>
<telerik:RadTab PageViewID="pvGeneral" Text="Add Pending" Value="<%# TabName.Opportunity %>" runat="server" />
<telerik:RadTab PageViewID="pvActivity" Text="Add Activity" Value="<%# TabName.Activity %>" runat="server" />
<telerik:RadTab PageViewID="pvProposal" Text="Proposal" Value="<%# TabName.Proposal %>" runat="server" Visible="False" />
<telerik:RadTab PageViewID="pvHistory" Text="Activity History" Value="<%# TabName.History %>" Visible="false" runat="server" />
</Tabs>
</telerik:RadTabStrip>
</ContentTemplate>
</Efficio:EfficioHeader>
<br class="clear" />
<telerik:RadMultiPage ID="rmpMain" SelectedIndex="0" CssClass="radMultiPage multiPageContainer" runat="server">
<telerik:RadPageView ID="pvGeneral" runat="server">
Sys.Application.add_init(function() {
$create(Telerik.Web.UI.RadTabStrip, {"_align":2,"_selectedIndex":0,"_skin":"Default","clientStateFieldID":"ctl00_cphM_cHeader_hTitle_RadTabStrip1_ClientState","selectedIndexes":["0"],"tabData":[{"value":"Opportunity"},{"value":"Activity"}]}, null, null, $get("ctl00_cphM_cHeader_hTitle_RadTabStrip1"));