這個複合元件是用來佈置其他元件。每一個內含的元件都可以「貼齊」至群組框的左邊、右邊、頂端、底端或中央部分。
將貼齊邊框元件拖放到頁面上:
頁面中的貼齊邊框元件在頁面上看起來與下面類似:
貼齊邊框元件在執行時期會依照所加入的元件而改變。
元件的「內容」視圖會顯示您可以用來設定元件的最常用屬性集,而且針對不同的元件,您也會看到新增控制項、動作或其他元件的選項。若要開啟「內容」視圖,請按一下「視窗 > 顯示視圖 > 內容」;然而依預設會開啟該視圖。
「貼齊邊框」元件的這些共同屬性顯示在「內容」視圖的 hx:panelLayout 標籤中。如需完整的屬性清單,請參閱所有貼齊邊框屬性表格。畫面項目的其他配置選項則在 hx:panelLayout>項目標籤:
配置選項 |
說明 |
---|---|
畫面中的項目次序 |
可讓您使用「上移」和「下移」按鈕來指定畫面中的元件次序。 |
「所有屬性」視圖會顯示您可以在元件上設定之所有屬性的表格,包括您可以從「內容」視圖來存取的那些屬性。若要切換至「所有屬性」視圖,請按一下「內容」視圖右上角的「所有屬性」圖示 。
屬性名稱 |
顯示在「內容」視圖中的排列依據 |
說明 |
---|---|---|
align |
畫面的佈置>水平對齊方式 |
指定元件應該靠左對齊、置中或靠右對齊。 |
bgcolor |
畫面的佈置>背景顏色 |
以 6 位數的十六進位 RGB 值來指定背景顏色,並且以 # 符號作為開頭,或者輸入顏色名稱,例如:黑色、白色、藍色等等。 |
binding |
沒有顯示 |
代表這個元件的 UIComponent,通常是在支持的檔案中。 |
border |
沒有顯示 |
指定表格的邊框大小(像素)。 |
dir |
沒有顯示 |
指定執行時期的元件呈現方向。值可以是:
|
frame |
沒有顯示 |
指定可看到表格周遭頁框的哪幾邊:
|
height |
大小:高度 |
指定元件的高度(像素或百分比)。如果要指定百分比,請在值中附加 %。 |
id |
ID |
指派元件的名稱。應該是 JSP 內的唯一名稱。 |
lang |
沒有顯示 |
指定元件屬性值和文字內容的基本語言。採用 ISO 標準語言縮寫碼(如 "en" 代表英文、"en-US" 代表美國英文、"fr" 代表法文、"de" 代表德文)。 |
rendered |
沒有顯示 |
可以設成 true 或 false:
|
styleClass |
樣式:類別 |
當呈現這個元素時,所要套用的 CSS 樣式類別清單,各個類別之間是用空格加以區隔。 這個值必須作為產生的標記之 "class" 屬性來傳遞。定義已選取的元件的類別(例如樣式表)。 這可以用手動方式來完成,或者按一下按鈕,然後從視窗內選取想要的「類別」。 |
style |
樣式:內容 |
指定元件的 CSS 樣式資訊(如 style="font-size : 8pt ; color : red")。定義已選取的元件的內容(例如字型和顏色)。 這可以用手動方式來完成,或者按一下按鈕,然後從視窗內選取想要的內容。 |
summary |
沒有顯示 |
指定在非視覺化媒體中呈現的使用者代理程式的摘要明細字串。 |
title |
協助工具>標題 |
指定執行時期在瀏覽器中顯示成工具要訣的標題文字。 |
width |
大小:寬度 |
指定元件的寬度(像素或百分比)。如果要指定使用百分比,請在值中附加 %。 |