ポートレットのサンプル
このサンプルは、ポートレットでどのようにスタイルを使用するかを示します。テーマとスキンでスタイルを使用する方法を確認するには、ドロップダウン・メニューから <themeskin.html> ファイルを選択します。

キャプション A キャプション B キャプション C
item-selected
サブメニューありcascade-item 項目 A
item-hover 項目 B
サブメニューありcascade-item-selected item-hover-selected
スタイル「portlet-section-header」を使用
スタイル「portlet-section-subheader」を使用
スタイル「portlet-section-body」を使用
スタイル「portelt-section-text」を使用
スタイル 「portlet-section-selected」を使用
スタイル 「portelt-section-alternate」を使用

スタイル「portlet-font」を使用
スタイル「portlet-font-dim」を使用

サンプル・フォーム
「form-label」 情報「icon-label」
「form-field-label」 :

ポップアップ・ダイアログ
「dlg-icon-label」

メッセージ領域

状況メッセージ エラー・メッセージ
警告メッセージ 成功メッセージ
通知 メッセージ