バージョン

アクティブおよび非アクティブ リソースのスタイル

Multi Resource View は複数のリソースに複数のボタンを提供し、これによって使用できる異なるリソース間で切り替えることができます。これらのボタンのスタイルおよび予定のスタイルを変更できます。

以下のスタイル プロパティを使用して、Multi Resource View のリソースおよびアクティビティをスタイルすることができます。

  • FadedAppointmentStyle– 非アクティブの予定および非アクティブのリソース ボタンをスタイルします。

  • ResourceButtonActiveStyle – アクティブのリソース ボタンをスタイルします。

  • ResourceButtonStyle – すべてのリソース ボタンをスタイルします。これを設定する場合は、上記のスタイルをオーバーライトします。

以下のコードは、アクティブなリソース ボタンとその予定を緑色、非アクティブなボタンとその予定を銀色に設定する方法を示します。

HTML の場合:

<style type="text/css">
/* アクティブ スタイル * /
    .activeResource
    {
        background-color: Green;
/* ほとんどのデフォルト スタイルは画像を使用し、
* カスタム スタイルを確認するために画像を削除します * /
        background-image: none;
    }
/* 非アクティブ スタイル * /
    .inactiveResource
    {
        background-color: Silver;
        background-image: none;
    }
/* 非アクティブ ホバー スタイル * /
    .inactiveResource:hover
    {
        background-color: Green;
        background-image: none;
    }
</style>
…
<igsch:WebMonthView ID="WebMonthView1" runat='server' WebScheduleInfoID="WebScheduleInfo1">
<%--アクティブ ボタンの色を設定します--%>
    <ResourceButtonActiveStyle CssClass="activeResource">
    </ResourceButtonActiveStyle>
<%--非アクティブ ボタンおよび予定の色を設定します--%>
    <FadedAppointmentStyle CssClass="inactiveResource">
    </FadedAppointmentStyle>
<%--アクティブの予定の色を設定します--%>
    <AppointmentStyle CssClass="activeResource">
    </AppointmentStyle>
</igsch:WebMonthView>
WebSchedule Styling Active and Inactive Resources 01.png