この章では、WebCenter SitesのContributorインタフェースのダッシュボードをカスタマイズする方法を説明します。ダッシュボードの構成に関する詳細な説明と、この章で説明する手順を実行しながら使用できるサンプル・コードが記載されています。
この章は、次の項が含まれています。
Contributorインタフェースにログインすると、ダッシュボードが表示されます。デフォルトでは、図64-1に示すような使用準備済のウィジェット(「ブックマーク」、「SmartLists」、「チェックアウト」および「割当て」)がダッシュボードに表示されます。
ダッシュボードおよびそのウィジェットの次の部分をカスタマイズできます。
列の数
列幅
ダッシュボード上のウィジェットの表示名、高さおよび位置
新しいウィジェットを追加することもできます。
システム定義のダッシュボードは、コントローラ・エレメントUI/Layout/CenterPane/DashboardContentsConfig
によって生成されます。このエレメントをオーバーライドできます。
ダッシュボード構成は、グローバルまたはサイト固有にすることができます。デフォルトのウィジェットのカスタマイズ、新しいウィジェットの追加、および必要でないウィジェットの削除が行えます。
ダッシュボードをカスタマイズするには:
CustomElements
の下に独自のDashBoardContentsConfig.jsp
を作成し、そのプロパティをカスタマイズすることによって、エレメントUI/Layout/CenterPane/DashBoardContentsConfig
をオーバーライドします。
注意: 新しいウィジェットが追加されるか、既存のウィジェットが更新される場合、変更が行われるようにWEM UIのユーザー・プリファレンスを消去する必要があります。 |
次に、UI/Layout/CenterPane/DashBoardContentsConfig
エレメントを示します。表64-1のプロパティの説明が続きます。
エレメントUI/Layout/CenterPane/DashboardContentsConfig
<dashboardconfig> <dashboardlayout> <numberofcolumns></numberofcolumns> <columnwidths></columnwidths> </dashboardlayout> <components> <component id="widgetId
"> <name>widgetName
</name> <url>widgetURL
</url> <height>height_in_px
</height> <dragRestriction>true | false </dragRestriction> <column>number_of_column_in_which_to_display_widget
</column> </component> … … … </components> </dashboardconfig>
表64-1 UI/Layout/CenterPane/DashBoardContentsConfig.jsp
のプロパティ
プロパティ | 説明 | 値 |
---|---|---|
|
ダッシュボード表示の列数。 |
0より大きい整数。 システム・デフォルトは |
|
列のカンマ区切りの幅。 |
たとえば、 |
|
このセクションを使用して、ダッシュボード・ウィジェットを定義します。 |
なし |
|
単一ウィジェットの定義に使用します。 |
なし |
|
ウィジェットのID。 |
ウィジェット間で一意な英数字値。特殊文字は許可されません。 |
|
ウィジェットの表示名。 |
任意の文字列。 |
|
コントローラURL。 |
|
|
ウィジェットの高さ。 |
高さ(ピクセル単位)。たとえば、 |
|
ウィジェットのドラッグを制限します。 |
|
|
ウィジェットが表示される列。 |
|
WebCenter Sites Contributorダッシュボードに新しいウィジェットを追加できます。新しいウィジェットを追加するには、次の2つの基本的な手順を実行します。
ウィジェット・エレメントの作成
カスタムDashBoardContentsConfig.jsp
エレメントへの新しいウィジェットの登録
この項では、ダッシュボードにウィジェットを追加するプロセスについて説明します。この項には、次の例が含まれています。
この項では、図64-2に示す、単純なウィジェットを作成および登録します。
ウィジェットをダッシュボードに追加するには
ウィジェットを作成します。
CustomElementsの下にJSPエレメントを作成します。この例では、エレメントにHelloWorldHtml
という名前を付けます。
ウィジェット・コードについては、このガイドで提供されているサンプル・ファイルに移動して、その内容をコピーできます。
ウィジェットを登録します(ダッシュボードに追加します)。
カスタムDashBoardContentsConfig.jsp
を開き、<components>
セクションを見つけて、新しく作成されたウィジェットの仕様を追加します。例:
<component id="helloworld"> <name>Hello World</name> <url>Path_to_your_widget_under_CustomElements</url> <height>300px</height> <closable>false</closable> <open>true</open> <dragRestriction>true</dragRestriction> <style>checkoutPortlet</style> <column>2</column> </component>
<applicationServer_install_directory>/webapps/<cs_context>/WEB-INF/classes/ReqAuthConfig.xml
ファイルに移動して、excludedControllerElements
リストの下にあるサンプル・エレメントへのパスを追加します。この例では、パスは次のとおりです。
<property name="excludedControllerElements"> <list> <value>/UI/Layout/CenterPane/DashBoard/HelloWorld</value> </list> </property>
Contributorインタフェースのホームページをリフレッシュします。新しいウィジェットがダッシュボードに表示されます(図64-2)。
この項では、前の週に変更されたアセットを表示するウィジェットを作成します。この項の手順を完了したら、ダッシュボードに図64-3のようなウィジェットが表示されます。
ウィジェットをダッシュボードに追加するには
ウィジェットを作成します。
CustomElements
の下にAction
JSPエレメントを作成します。この例では、エレメントにRecentlyModifiedAssetsAction.jsp
という名前を付けます。ウィジェット・コードについては、このガイドで提供されるサンプル・ファイルに移動して、その内容をコピーできます。
前の手順で作成したアクション・エレメントのJson
JSPエレメントを作成します。この例では、エレメントにRecentlyModifiedAssetsJson.jsp
という名前を付けます。コードについては、このガイドで提供されるサンプル・ファイルに移動して、その内容をコピーできます。このエレメントをRecentlyModifiedAssetsAction.jsp
エレメントと同じ場所にエレメントを置きます。
ウィジェットのCustomElementsの下にプレゼンテーション・エレメントを作成します。ウィジェット・エレメントと同じ名前を付けます。この例では、表示エレメントにRecentlyModifiedAssetsHtml.jsp
という名前を付けます。コードについては、このガイドで提供されるサンプル・ファイルに移動して、その内容をコピーできます。
注意: プレゼンテーション・エレメントは |
ウィジェットを登録します(ダッシュボードに追加します)。
カスタムDashBoardContentsConfig.jsp
を開き、<components>
セクションを見つけて、新しく作成されたウィジェットの仕様を追加します。例:
<component id="myrecent">
<!-- a unique identifier for the component. This must be unique among all the components. It can be alpha numeric but no special characters allowed -->
<name>Recently Modified Assets</name>
<url>Path_to_your_custom_widget's presentation_element
</url>
<height>300px</height>
<closable>false</closable>
<open>true</open>
<dragRestriction>false</dragRestriction>
<style>checkoutPortlet</style>
<column>2</column>
</component>
<applicationServer_install_directory>/webapps/<cs_context>/WEB-INF/classes/ReqAuthConfig.xml
ファイルに移動して、excludedControllerElements
リストの下にあるサンプル・エレメントへのパスを追加します。この例では、パスは次のとおりです。
<property name="excludedControllerElements"> <list> <value>/UI/Layout/CenterPane/DashBoard/RecentlyModifiedAssets</value> </list> </property>
ダッシュボードをリフレッシュして、新しく構成されたウィジェットを表示します。例については、図64-3を参照してください。