メニューポートレットの画面の構成を次に示します。

メニューポートレットのポートレット定義およびパラメタ定義について説明します。

ポートレット定義に指定するタグについて次に示します。なお，詳細は，マニュアル「uCosminexus Portal Framework　ポートレット開発ガイド」を参照してください。

表5-11　メニューポートレットのポートレット定義

タグ名	値	説明
portlet-name	blcmenu	ポートレット名
portlet-type	ref	Portal Frameworkの仕様のため，常に"ref"を指定
portlet-parent	MultiJSP	ポートレットの種類
title lang="ja"※	メニュー	タイトル名（日本語）
title lang="en"※	Menu	タイトル名（英語）
description lang="ja"※	電子フォームワークフローのメニューを表示します。	ポートレットの説明（日本語）
description lang="en"※	Display the workflow window of the Electronic Form Workflow	ポートレットの説明（英語）
windowtitle lang="言語種別"※	電子フォームワークフロー	ウィンドウのタイトル
config-param	詳細は，「表5-12　メニューポートレットのパラメタ定義」を参照してください。
timeout※	300	ポートレットの無応答監視時間
minimize※	−	最小化表示の許可
close※	−	閉じるボタンの許可
maximize※	−	最大化表示の許可
device media="HTML"	下位属性を記述する	デバイス種別単位の情報 HTML：パソコン向けのコンテンツ
url	BLCMenuIndex.jsp	エントリポイント（最初に表示されるページ）

（凡例）

−：指定しません。

注※

カスタマイズで追加できます。

パラメタ定義に指定するタグについて次に示します。なお，詳細は，マニュアル「uCosminexus Portal Framework　ポートレット開発ガイド」を参照してください。

表5-12　メニューポートレットのパラメタ定義

タグ名	値	説明
hptl.EditMode	false	編集モード
hptl.MinimizeMode	false	ポートレットの最小化ボタンを表示
hptl.CloseMode	false	ポートレットの閉じるボタンを表示
hptl.MaximizeMode	false	ポートレットの最大化ボタンを表示 デフォルト値：true
hptl.NewWindowMode	false	ポートレットの新規ウィンドウを表示

メニューポートレットに「A株式会社へのリンク」をメニューとして追加する方法について説明します。

図5-7　カスタマイズしたメニューポートレット

「A株式会社へのリンク」メニューの追加

メニューポートレットに「A株式会社へのリンク」を追加する実装例を次に示します。

    :
<div class="blc_mp_normal1" onmouseover="blc_mp_changeclass(this,'blc_mp_mouseover1');" onmouseout="blc_mp_changeclass(this,'blc_mp_normal1');" onclick="window.open(＜リンク先のURL＞','_sample'); return false;">
<img class="blc_img" src="<%=strIMGPath%>/search.gif">A株式会社へのリンク
</div>
    :

divタグ

メニューを指定します。

メニューの文字列は自由にカスタマイズできます。例では，アイコン，およびメニュー（A株式会社へのリンク）を表示しています。

class="blc_mp_normal1"

メニューの階層を指定します。次に示す3種類のスタイルが指定できます。

• blc_mp_normal1：第1階層のリンクのスタイル
• blc_mp_normal1_nolink：第1階層の非リンクのスタイル
• blc_mp_normal2：第2階層のリンクのスタイル

onmouseover="blc_mp_changeclass(this,'blc_mp_mouseover1');"

マウスポインタがメニュー内を指定した場合のメニューのスタイルを指定します。メソッドの第1引数には「this」以外は指定できません。第2引数には次に示す2種類のスタイルが指定できます。

• blc_mp_mouseover1：第1階層（classにblc_mp_normal1を指定した場合）のリンクのスタイル
• blc_mp_mouseover2：第2階層（classにblc_mp_normal2を指定した場合）のリンクのスタイル

onmouseout="blc_mp_changeclass(this,'blc_mp_normal1');"

マウスポインタがメニュー外へ移動した場合のメニューのスタイルを指定します。メソッドの第1引数には「this」以外は指定できません。第2引数には次に示す2種類のスタイルが指定できます。

• blc_mp_normal1：第1階層（classにblc_mp_normal1を指定した場合）のリンクのスタイル
• blc_mp_normal2：第2階層（classにblc_mp_normal2を指定した場合）のリンクのスタイル

onclick

メニューのクリック時に実行するjavasriptを指定します。onclickに指定する値は自由にカスタマイズできます。例では，URL（＜リンク先のURL＞）を別ウィンドウに表示する設定を指定しています。

• メニューを選択して起動できるウィンドウは一つだけです。ただし，カスタマイズで追加したメニューについては，複数のウィンドウを起動できるように設定できます。その場合は，十分に検討した上でカスタマイズしてください。
• メニューポートレットの高さは，デフォルトではポータルホームの高さに合わせて表示されるようJavaScriptで動的に指定しています。メニューポートレットの上下にほかのポートレットを表示する場合は，BLCMenuIndex.jspファイルのJavaScriptメソッド"blc_mp_height"を修正してください。
  なお，メニューポートレットの上下にほかのポートレットを表示する方法については，マニュアル「uCosminexus Portal Framework　システム管理者ガイド」を参照してください。