Jun 15, 2011, 3:07 AM
[CLOSED] CalendarPanel: Change styel for the event, but no effective for all-day event
Hi,
I changed the style for event in the calendarpanel, but no effective for the all-day event.
Please help. Thanks.
I changed the style for event in the calendarpanel, but no effective for the all-day event.
Please help. Thanks.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm4.aspx.cs" Inherits="WebForm4" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.ext-color-1, .ext-ie .ext-color-1-ad, .ext-opera .ext-color-1-ad
{
color: #3399FF;
}
.ext-cal-day-col .ext-color-1, .ext-dd-drag-proxy .ext-color-1, .ext-color-1-ad, .ext-color-1-ad .ext-cal-evm, .ext-color-1 .ext-cal-picker-icon, .ext-color-1-x dl, .ext-color-1-x .ext-cal-evb
{
background: #EECCFF;
}
.ext-color-1-x .ext-cal-evb, .ext-color-1-x dl
{
border-color: #3399FF;
border-left-width: 6px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
}
.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="BorderLayout">
<Items>
<ext:CalendarPanel Region="Center" ID="CalendarPanel1" runat="server" Title="test"
ActiveIndex="1" Cls="my-calendar">
<EventStore runat="server">
<Events>
<ext:Event EventId="0" Title="My event 1" StartDate="2011/6/12" EndDate="2011/6/18"
CalendarId="1" />
<ext:Event EventId="1" Title="My event 2" StartDate="2011/6/15 10:00" EndDate="2011/6/15 12:00"
CalendarId="1" />
</Events>
</EventStore>
</ext:CalendarPanel>
</Items>
</ext:Viewport>
</form>
</body>
</html>
Last edited by Daniil; Jun 16, 2011 at 5:09 AM.
Reason: [CLOSED]