Hi,
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:
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"> |
<title></title> |
</head> |
<body> |
<form id="form1" runat="server"> |
<div> |
<asp:ScriptManager ID="SM" runat="server" |
EnablePartialRendering="true"> |
</asp:ScriptManager> |
<telerik:RadCodeBlock runat="server"> |
<telerik:RadAjaxManager runat="server" ID="AjxMgr"> |
</telerik:RadAjaxManager> |
<asp:UpdatePanel runat="server" ID="UP" UpdateMode="Conditional"> |
<ContentTemplate> |
<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" |
Visible="true" |
DataKeyField="eventID" |
DataStartField="startdate" |
DataEndField="enddate" |
DataSubjectField="subject" |
DataDescriptionField="description"> |
</telerik:RadScheduler> |
</ContentTemplate> |
<Triggers> |
<asp:PostBackTrigger ControlID="FullPost" /> |
</Triggers> |
</asp:UpdatePanel> |
</telerik:RadCodeBlock> |
</div> |
</form> |
</body> |
</html> |
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; |
}; |
} |
} |
} |