ポートレットのサンプル
このサンプルは、ポートレットでどのようにスタイルを使用するかを示します。テーマとスキンでスタイルを使用する方法を確認するには、ドロップダウン・メニューから <themeskin.html> ファイルを選択します。
キャプション A
キャプション B
キャプション C
item-selected
cascade-item
項目 A
item-hover
項目 B
cascade-item-selected
item-hover-selected
この表はメニューを表します。 (「キャプション A」->「cascade-item」->「cascade-item-selected」->「item-hover-selected」)
「cascade-item」メニューにはサブメニュー (「項目 A」および 「項目 B」および「cascade-item-selected」) があります。
「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」 :
「form-field-label」 :
「form-field」
ポップアップ・ダイアログ
「dlg-icon-label」
メッセージ領域
状況メッセージ
エラー・メッセージ
警告メッセージ
成功メッセージ
通知 メッセージ