ポップアップ・メニューのスタイリング

> > > > >

ポップアップ・メニューは、以下のポップアップ・メニュー・プロパティーを CSS クラス名に設定することにより、スタイリングできます。

ItemStyleClass: メニュー項目に適用される基本 CSS クラス名。
itemHighlightedStyleClass: カーソルを項目上に移動するとベース・スタイルに適用されるスタイル。
itemDisabledStyleClass: カーソルを使用できない場合にベース・スタイルに適用されるスタイル。

以下のコード・セット例は、ポップアップ・メニューの CSS スタイリングを示しています。

<html>
  [...]
<style>
.menuItem {
  background: #21bdbd;
  color: black;
  font-family: sans-serif;
  font-size: 12px;
}
.menuItemHighlighted {
  background: #057879;
  color: white;
}
.menuItemDisabled {
  background: #EEEEEE;
  font-style: italic;
  color: black;
}
</style>
  [...]

この後、特定の JViews JSF コンポーネントのコードに続きます。

JViews Diagrammer の場合

  [...]
  <jvf:contextualMenu  itemStyleClass="menuItem"
                       itemHighlightedStyleClass="menuItemHighlighted"
                       itemDisabledStyleClass="menuItemDisabled" />

JViews Framework レベル

  [...]
  <jvf:contextualMenu  itemStyleClass="menuItem"
                       itemHighlightedStyleClass="menuItemHighlighted"
                       itemDisabledStyleClass="menuItemDisabled" />

現在のセクション

JViews Maps JSF コンポーネント・セット