CSS lost on full postback

4 posts, 1 answers
  1. Ragnar Osterlund
    Ragnar Osterlund avatar
    1 posts
    Member since:
    Apr 2010

    Posted 12 Apr 2010 Link to this post


    In one kind of scenario of diffrent types of postbacks (full and async) and toggled visibility, at least one Telerik control seem to lose its CSS, from the WebResource.axd. In this example I use the RadScheduler. If in the page (code following below), one first clicks the "Toggle Rad Scheduler Visibility" button, then clicks the "Full Postback" button, then clicks the "Toggle Rad Scheduler Visibility" button again, the CSS will not be loadad for the scheduler any more, so it will not look as it should. If in this state one clicks "Full Postback" again, the CSS is loaded again.

    Is there any method one should call on the Telerik controls to make sure their CSS is always loaded? What can one do, any suggestions? Or is there something I have missed?

    Page markup and codefile:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="AsyncCSSTest2.aspx.cs" Inherits="RadAsyncTest.AsyncCSSTest2" %> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
    <html xmlns="http://www.w3.org/1999/xhtml" > 
    <head runat="server"
        <form id="form1" runat="server"
            <asp:ScriptManager ID="SM" runat="server" 
            <telerik:RadCodeBlock runat="server"
                <telerik:RadAjaxManager runat="server" ID="AjxMgr"
                <asp:UpdatePanel runat="server" ID="UP" UpdateMode="Conditional"
                        <asp:Button runat="server" ID="Toggle" Text="Toggle Rad Scheduler Visibility" /> 
                        <asp:Button runat="server" ID="FullPost" Text="Full Postback" /> 
                        <telerik:RadScheduler runat="server" ID="RadScheduler1" Skin="Telerik" 
                        <asp:PostBackTrigger ControlID="FullPost" /> 

    using System; 
    using System.Collections.Generic; 
    using System.Linq; 
    using System.Web; 
    using System.Web.UI; 
    using System.Web.UI.WebControls; 
    namespace RadAsyncTest 
        public partial class AsyncCSSTest2 : System.Web.UI.Page 
            protected void Page_Load(object sender, EventArgs e) 
                Toggle.Click += delegate { 
                    RadScheduler1.Visible = !RadScheduler1.Visible; 

  2. Answer
    T. Tsonev
    T. Tsonev avatar
    2834 posts

    Posted 12 Apr 2010 Link to this post

    Hi Ragnar,

    This is a known limitation of our current skin registration logic. You can fix the problem by always setting EnableAjaxSkinRendering to true in Page_Load:

    protected void Page_Load(object sender, EventArgs e)
        RadScheduler1.EnableAjaxSkinRendering = true;

    We're looking to resolve this problem in the future. Apologies for any caused inconvenience.

    Tsvetomir Tsonev
    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.
  3. Mike
    Mike avatar
    20 posts
    Member since:
    Jan 2014

    Posted 01 Jul 2014 in reply to T. Tsonev Link to this post

    This doesn't work for us in IE8 and IE9.  Any other thoughts? We have the latest versions of the controls.  
  4. Marin Bratanov
    Marin Bratanov avatar
    5916 posts

    Posted 03 Jul 2014 Link to this post

    Hi Mike,

    It is possible that your page has reached IE's stylesheet limit and it does not parse the additional stylesheets. Could you go through this blog to see if this is the case and whether the suggested solution (adding a RadStylesheetManager) helps: http://blogs.telerik.com/aspnet-ajax/posts/10-05-03/internet-explorer-css-limits.aspx? If the issue does not manifest with other browsers, the IE limitation is most likely the reason.


    Marin Bratanov

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top