Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Slider > Radslider not showing when radajaxmanager used

• Developer1

  Posted on Feb 1, 2012 (permalink)

  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 ?

  Reply

• Slav Slav

  Posted on Feb 3, 2012 (permalink)

  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

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Slider > Radslider not showing when radajaxmanager used