Hi Konstantin,
I changed my AjaxManager to be:
<telerik:RadAjaxManagerID="RadAjaxManager1"runat="server"OnAjaxRequest="RadAjaxManager1_AjaxRequest"DefaultLoadingPanelID="mainLoadingPanel"> <AjaxSettings> <telerik:AjaxSettingAjaxControlID="RadAjaxManager1"> <UpdatedControls> <telerik:AjaxUpdatedControlControlID="panel1"/> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSettingAjaxControlID="RadTabStrip1"> <UpdatedControls> <telerik:AjaxUpdatedControlControlID="RadTabStrip1"/> <telerik:AjaxUpdatedControlControlID="RadMultiPage1"/> </UpdatedControls> </telerik:AjaxSetting> <telerik:AjaxSettingAjaxControlID="RadMultiPage1"> <UpdatedControls> <telerik:AjaxUpdatedControlControlID="RadTabStrip1"/> <telerik:AjaxUpdatedControlControlID="RadMultiPage1"/> </UpdatedControls> </telerik:AjaxSetting> </AjaxSettings> </telerik:RadAjaxManager>
and I also found i had not set the SelectedIndex on the MultiPage in my AjaxRequest.
The tab is now displayed correctly after the user adds an item however this change has led to another problem. The CSS that places the PageView to the right of my TabStrip (Vertical, left-aligned ) is no longer working and the PageView now appears below the TabStrip instead of to the right.
<telerik:RadTabStriprunat="server"ID="RadTabStrip1"MultiPageID="RadMultiPage1" Skin="Glow"Width="120px"Height="355px"SelectedIndex="0"Orientation="VerticalLeft"> <Tabs> <telerik:RadTabPageViewID="PageView1"Font-Size="Small"Text="Basic Data"></telerik:RadTab> <telerik:RadTabPageViewID="PageView2"Font-Size="Small"Text="Order Items"></telerik:RadTab> <telerik:RadTabPageViewID="PageView3"Font-Size="Small"Text="Terms &<br>Comments"></telerik:RadTab> <telerik:RadTabPageViewID="PageView4"Font-Size="Small"Text="More Info"></telerik:RadTab> <telerik:RadTabPageViewID="PageView5"Font-Size="Small"Text="Add a new Item"></telerik:RadTab> </Tabs></telerik:RadTabStrip><telerik:RadMultiPagerunat="server"ID="RadMultiPage1"SelectedIndex="0"CssClass="innerMultiPage"> <telerik:RadPageViewrunat="server"ID="PageView1"> <divclass="orderData"> Order specific data here ............. </div> </telerik:RadPageView></telerik:RadMultiPage>
.innerMultiPage { display: inline-block; *display: inline; zoom: 1; position: relative; margin-bottom: -3px;}
Any suggestions as to why this has stopped working ??
I can send you a sample but couldn't attach a zip file to this post.
Thanks, Kyle