This is a migrated thread and some comments may be shown as answers.

Autopostback and special days CSS classes

4 Answers 114 Views

Calendar

This is a migrated thread and some comments may be shown as answers.

Zach asked on 04 Aug 2009, 10:20 PM

Hello, I searched your forum, and this post seems to reference my issue, but the solution given does not apply to me:
http://www.telerik.com/community/forums/aspnet-ajax/calendar/disable-hover-css-class.aspx

Some weird things are happening to my page when the autopostback property is set to true. The reason I need to use this is because I want to give certain days a special class, which is determined by hitting a database on the DayRender event. The main issue is that once the month is changed, if you hover over one of these special days, it loses its special class even after its not being hovered anymore. The only way to get the class back is to change the month again. Again this only happens after a postback, the first displayed month works fine pre-postback.

Another minor issue I'm having is that after performing a post back on the calendar, an IE only style sheet is loaded which messes up the display of the page. The way I'm making this style sheet IE only is the following block:
    

If this is not stated clear enough, I'll be more than happy to try to give a more repeatable example.

4 Answers, 1 is accepted

answered on 11 Aug 2009, 04:37 PM

I figured out the Special Days issue, I was using code for the non AJAX version of the RadCalendar. However, the loading of IEstyles is still an issue. I've built the simplest test case I can think of, and it appears the issue is actually with the AjaxManager. Without it on the page, the styles don't load (correct), but when it is added to get the AJAX loading message to appear, the styles do load (incorrect). In this example, what you should see is the event calendar on a white background. However, once you click to change the month, you will see everything to the right of the calendar get its background color changed to blue. Here is my simple test page, there is nothing in the code behind.

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test2.aspx.cs" Inherits="Test2" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <!--[if lte IE 6]> 
        
                    <style type="text/css"> 
        
                    #test 
        
                    { 
        
                        background-color:Blue; 
        
                    } 
        
                </style> 
        
                <![endif]--> 
        
                <title>Untitled Page</title> 
        
            </head> 
        
            <body> 
        
                <div id="test"> 
        
                    <form runat="server"> 
        
                    <asp:ScriptManager runat="server" ID="uxScriptManager"> 
        
                    </asp:ScriptManager> 
        
                    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> 
        
                        <AjaxSettings> 
        
                            <telerik:AjaxSetting AjaxControlID="uxEventsCalendar"> 
        
                                <UpdatedControls> 
        
                                    <telerik:AjaxUpdatedControl ControlID="uxEventsCalendar" LoadingPanelID="uxLoadingPanel"> 
        
                                    </telerik:AjaxUpdatedControl> 
        
                                </UpdatedControls> 
        
                            </telerik:AjaxSetting> 
        
                        </AjaxSettings> 
        
                    </telerik:RadAjaxManager> 
        
                    <telerik:RadAjaxLoadingPanel ID="uxLoadingPanel" runat="server" Skin="Default"> 
        
                    </telerik:RadAjaxLoadingPanel> 
        
                    <telerik:RadCalendar runat="server" ID="uxEventsCalendar" ShowRowHeaders="false" 
        
                        AutoPostBack="true" EnableMultiSelect="false"> 
        
                    </telerik:RadCalendar> 
        
                    </form> 
        
                </div> 
        
            </body> 
        
            </html>

Accepted

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Autopostback and special days CSS classes

4 Answers, 1 is accepted