0

APEX 4.2 を使用して、職場でサポートしている組織のトレーニング カレンダーを作成しています。私は決して DBA やプログラミングの専門家ではありません。試行錯誤を繰り返しながら、多くのことを学んできました。

カレンダーは作成されましたが、テーブルの列に基づいてアイテムの表示方法を変更しようとしています。たとえば、プロジェクト A とプロジェクト B の 2 つのプロジェクト タイプがあります。カレンダー表示でこれらの境界線の色を変えたいと思います。現在、以下の CSS コードを使用していますが、これはすべてのイベントに適用されます。

<style>
.Day a, .NonDay a, .Today a, .WeekendDay a {
    font: normal 10px/12px Arial,sans-serif !important;
    padding: 2px !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #E5E5E5;
    border: 1px solid #FF1414;
}

.Day a:hover, .NonDay a:hover, .Today a:hover, .WeekendDay a:hover {
    background-color: #A3A3A3;
    border: 1px solid #FF1414;
    text-decoration: none !important;
}
</style>

これを変更して、PROJECT = A の場合は上記のような特定のスタイルが適用され、PROJECT = B の場合は上記のスタイルのバリエーションが適用されるようにしたいと考えています。

これを行う方法についてのガイダンスはありますか? 私は提案を受け入れます。

ありがとう、クリスティーナ

4

4 に答える 4

1

さまざまなプロジェクトに色を割り当てるテーブルがあるので、カレンダー テーブルからイベントを取得するときに、それをプロジェクト テーブルに結合して色を取得します。

SELECT e.ID, ' '||説明||' ' DESCRIPTION, event_date FROM EVENTS e, project a where e.project_id=a.project_id;

于 2013-07-09T14:02:03.637 に答える
1

APEX についてはわかりませんが、プロジェクト固有の css クラスを使用して html 要素 (それが何であれ、 a <li/>、 aなど) を拡張する必要があります。<td/>HTMLコードを表示していないので、カレンダーはテーブルで構築されていると思います. その場合、これは次のようになります。

<table>
    <tr>
        <td class="NonDay"><a href="#">27</a></td>
        <td class="NonDay"><a href="#">28</a></td>
        <td class="NonDay"><a href="#">29</a></td>
        <td class="NonDay"><a href="#">30</a></td>
        <td class="NonDay"><a href="#">31</a></td>
        <td class="Day WeekendDay"><a href="#">1</a></td>
        <td class="Day WeekendDay"><a href="#">2</a></td>
    </tr>
    <tr>
        <td class="Day"><a href="#">3</a></td>
        <td class="Day"><a href="#">4</a></td>
        <td class="Day ProjectA"><a href="#">5</a></td> <!-- see the class -->
        <td class="Day ProjectB"><a href="#">6</a></td> <!-- see the class -->
        <td class="Day"><a href="#">7</a></td>
        <td class="Day WeekendDay Today"><a href="#">8</a></td>
        <td class="Day WeekendDay"><a href="#">9</a></td>
    </tr>
</table>

これにより、他のクラスに対して行ったように、このクラスをスタイルできます。

.ProjectA a {
    border-color: blue;
}

.ProjectB a {
    border-color: red;
}

答えられない質問は、APEX に css クラスを追加する方法ですが、プログラミング関連の質問ではないため、この質問はオラクル サポート フォーラムまたはhttps://superuser.com/に適しています。

于 2013-06-08T20:24:54.147 に答える
0

SQL コードで、プロジェクトのタイプを返す列 PROJECT_TYPE を追加します。カレンダーのプロパティで、「表示タイプ」を「カスタム」に変更します。「列フォーマット」に次のようなものを入力します

 <span class="#PROJECT_TYPE#">#COLUMN_VALUE#</span>

次に ProjectA スタイルを定義します。

于 2013-06-10T07:11:38.083 に答える