May 31, 2011, 7:09 AM
[CLOSED] CalendarPanel: Some problem when I add the style to the calendarpanle.
Hi,
I want to change the event border style (Similar with outlook calendar) , so I add some css.
But when the mouse moved to this event, the style is lost.
Could you help me how to avoid the border color and font color lost ? (I think they may chang back to "White")
PS: please reproduce in Microsoft IE.
I want to change the event border style (Similar with outlook calendar) , so I add some css.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm12.aspx.cs" Inherits="WebApplication1.WebForm12" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<!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">
<title></title>
<style type="text/css">
.ext-color-3, .ext-ie .ext-color-3-ad, .ext-opera .ext-color-3-ad
{
color: #660066;
}
.ext-cal-day-col .ext-color-3, .ext-dd-drag-proxy .ext-color-3, .ext-color-3-ad, .ext-color-3-ad .ext-cal-evm, .ext-color-3 .ext-cal-picker-icon, .ext-color-3-x dl, .ext-color-3-x .ext-cal-evb
{
filter: progid:DXImageTransform.Microsoft.Gradient(style=1,enabled=true,GradientType=0,EndColorStr='#46b5ff',StartColorStr='#ffffff');
}
.ext-color-3-x .ext-cal-evb, .ext-color-3-x dl
{
border-color: #660066;
border-left-width: 10px;
}
.my-calendar .ext-evt-bd
{
color: Black;
font-weight: bolder;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<ext:ResourceManager ID="ResourceManager1" runat="server" />
<ext:Viewport runat="server" Layout="FitLayout">
<Items>
<ext:CalendarPanel ID="CalendarPanel1" runat="server" ActiveIndex="1" Cls="my-calendar">
<EventStore ID="EventStore1" runat="server">
<Events>
<ext:Event EventId="0" Title="Test Event" StartDate="2011/5/31 8:30" EndDate="2011/5/31 10:50"
CalendarId="3" />
</Events>
</EventStore>
</ext:CalendarPanel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
When page load, it is normal.But when the mouse moved to this event, the style is lost.
Could you help me how to avoid the border color and font color lost ? (I think they may chang back to "White")
PS: please reproduce in Microsoft IE.
Last edited by Daniil; Jun 02, 2011 at 7:43 AM.
Reason: [CLOSED]