[CLOSED] CalendarPanel: Change styel for the event, but no effective for all-day event

  1. #1

    [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. Click image for larger version. 

Name:	P17.png 
Views:	176 
Size:	29.8 KB 
ID:	2870
    <%@ 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]
  2. #2
    Hi,

    Please add
    .my-calendar .ext-evt-bd, .my-calendar .ext-cal-evi
    {
        color: Black;
        font-weight: bolder;
    }
  3. #3
    Hi,
    Thanks, that works fine now.

Similar Threads

  1. [CLOSED] Add Event in a EventStore in a CalendarPanel
    By FpNetWorth in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Aug 14, 2012, 12:29 PM
  2. CalendarPanel + Color for event
    By Ch3wbi in forum 1.x Help
    Replies: 4
    Last Post: Jan 05, 2012, 1:08 PM
  3. CalendarPanel and Event
    By gidi in forum 1.x Help
    Replies: 0
    Last Post: Aug 06, 2011, 8:17 PM
  4. CalendarPanel, change the event description
    By FlavioLemos in forum 1.x Help
    Replies: 5
    Last Post: Jul 07, 2011, 4:58 PM
  5. Change Event then Click event : issue
    By jeybonnet in forum 1.x Help
    Replies: 2
    Last Post: May 28, 2010, 1:19 PM

Posting Permissions