Portlet 的範例
這個範例會顯示樣式如何搭配 Portlet 一起使用。如果要查看樣式如何搭配主題和外觀一起使用的相關資訊, 請從下拉功能表中選取 <themeskin.html> 檔。

CaptionA CaptionB CaptionC
item-selected
有子功能表cascade-item itemA
item-hover itemB
有子功能表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"

訊息區

狀態訊息 錯誤訊息
警示訊息 成功訊息
參考資訊