バージョン

複数日イベント バナーのスタイル

複数日をまたがるイベントを表示する場合、複数日イベント矢印の外観をカスタマイズできます。WebMonthView™、WebDayView™ および WebSchedule™ コントロールは、カスタム スタイルを設定できるようにするための MultiDayEventArrowLeftStyle および MultiDayEventArrowRightStyle プロパティを公開します。

バナー自体のスタイルを変更するには、 AllDayEventStyle プロパティを使用します。

以下のコードは、カスタムの複数日イベント矢印画像を設定して WebDayView のバナーの背景色を変更する方法を示します。

HTML の場合:

<style type="text/css">
    .leftArrow
    {
        background-image: url("Pictures/MovePreviousArrow.png");
        width: 20px;
        height: 20px;
    }
    .rightArrow
    {
        background-image: url("Pictures/MoveNextArrow.png");
        width: 20px;
        height: 20px;
    }
    .banner
    {
        background-color: #4867D6;
        background-image: none;
    }
</style>
…
<igsch:WebDayView ID="WebDayView1" runat="server" WebScheduleInfoID="WebScheduleInfo1">
    <MultiDayEventArrowLeftStyle CssClass="leftArrow">
    </MultiDayEventArrowLeftStyle>
    <MultiDayEventArrowRightStyle CssClass="rightArrow">
    </MultiDayEventArrowRightStyle>
    <AllDayEventStyle CssClass="banner">
    </AllDayEventStyle>
</igsch:WebDayView>
WebScheduleGenericDataProvider Style Multi Day Event Banner 01.png