Radslider not showing when radajaxmanager used

2 posts, 0 answers
  1. Developer1
    Developer1 avatar
    1 posts
    Member since:
    Jan 2012

    Posted 01 Feb 2012 Link to this post

    In my page i have used 3 rad sliders and those are  placed in 3 rad tabs .when i placed RadAjaxPanel  in the page radsliders are not showing ,but when i remove that its working perfectly .
    Code as follows
    ---------------------------
     <telerik:RadAjaxPanel ID="radAjaxPanelID" runat="server">
     <telerik:RadTabStrip ID="radTabStripPerformance" runat="server" SelectedIndex="0"
                        EnableEmbeddedSkins="False" MultiPageID="RadMultiPage1" BorderWidth="0px" BorderStyle="None"
                        OnTabClick="radTabStripPerformance_TabClick" Orientation="HorizontalBottom">
                        <Tabs>
                            <telerik:RadTab ImageUrl="~/Images/myperformance-whitebg.jpg"
                                SelectedImageUrl="~/Images/myperformance-graybg.jpg" Selected="True">
                            </telerik:RadTab>
                            <telerik:RadTab ImageUrl="~/Images/myteam-whitebg.jpg"
                                SelectedImageUrl="~/Images/myteam-graybg.jpg">
                            </telerik:RadTab>
                            <telerik:RadTab ImageUrl="~/Images/mychannel-whitebg.jpg" SelectedImageUrl="~/Images/mychannel-graybg.jpg">
                            </telerik:RadTab>
                        </Tabs>
                    </telerik:RadTabStrip>
     <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" CssClass="multiPage">
                        <telerik:RadPageView ID="radPageViewMyPerfomance" runat="server" CssClass="pageViewEducation">
    <telerik:RadSlider ID="radSliderMonth" runat="server" ItemType="item" Width="700px"
                                Visible="true" Height="70px" AnimationDuration="400" ThumbsInteractionMode="Free"
                                AutoPostBack="true" EnableDragRange="false"
                                OnValueChanged="radSliderMonth_ValueChanged" ></telerik:RadSlider>
    </telerik:RadPageView>
                        <telerik:RadPageView ID="radPageViewMyTeamPer" runat="server" Visible="true"  CssClass="pageViewEducation">
                            <br />
                            <br />
                           
                                          <telerik:RadSlider ID="radSliderMonthForMyTeam" runat="server" ItemType="item" Width="800px"
                                            Height="70px" AnimationDuration="400" ThumbsInteractionMode="Free" AutoPostBack="True"
                                            Visible="true" EnableDragRange="True"
                                            OnValueChanged="radSliderMonthForMyTeam_ValueChanged">
                                        </telerik:RadSlider>
     </telerik:RadPageView>  <telerik:RadPageView ID="radPageViewMyChannel" runat="server">

      <telerik:RadSlider ID="radSliderMonthForChannel" runat="server" AnimationDuration="400"
                                            Width="800px" AutoPostBack="True" EnableDragRange="True" Height="70px"
                                            ItemType="Item" OnValueChanged="radSliderMonthForChannel_ValueChanged"
                                            DbValue="0" Length="800">
                                        </telerik:RadSlider>
                      </telerik:RadPageView>
                    </telerik:RadMultiPage>
     </telerik:RadAjaxPanel>




    can you please help me ?
  2. Slav
    Admin
    Slav avatar
    1355 posts

    Posted 03 Feb 2012 Link to this post

    Hello,

    Below I have posted the suggestions that I provided in your support ticket on the matter:

    - The problem you described may be caused by asynchronous loading of the skin style sheet resources through the AJAX request. You should load them with the main content to assure that they are present. There are two ways to achieve this. For the following demonstration I will use the Default skin of RadSlider, but it can be easily replaced by any of the others.
    • The first approach is to load the styles through a link tag using the Page.ClientScript.GetWebResourceUrl method. The link tag must be placed in the head content of the page.
      Copy Code
      <link href='<%= Page.ClientScript.GetWebResourceUrl(typeof(RadSlider), "Telerik.Web.UI.Skins.Slider.css") %>' rel="stylesheet" type="text/css" />
      <link href='<%= Page.ClientScript.GetWebResourceUrl(typeof(RadSlider), "Telerik.Web.UI.Skins.Default.Slider.Default.css") %>' rel="stylesheet" type="text/css" />
    • The other way is to use the RadStyleSheetManager. Note that you must register a HttpHandler in web.config. This can be done automatically through Smart Tag, available in Design View.
      Here you can find more information about using RadStyleSheetManager.
      Copy Code
      <telerik:RadStyleSheetManager ID="StyleSheetManager1" runat="server">
           <StyleSheets>
                 <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Slider.css" />
                 <telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Default.Slider.Default.css" />
            </StyleSheets>
      </telerik:RadStyleSheetManager>

     - It is also possible that the problem is related to the 31 stylesheets per file Internet Explorer limitation. This means that Internet Explorer can load only 31 stylesheets per file and all additional styles will not be applied to the page. You can check this article for more information on the matter. Again, this problem can be resolved by adding a RadStyleSheetManager on the page as it combines all the requests to the "stylesheet resource files" into a single one, reducing the page load time and traffic and preventing the mentioned IE bug.

    I would suggest opening a separate support ticket for every problem that you want to report. This way our communication on the matter will be much easier to follow. This being said, lets continue our discussion in your support ticket.

    Kind regards,
    Slav
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top