XPage 紀錄 – IBM XPage Lab 實作 ( 二 ) R5 、 R6 寫 Web 時都習慣用『圖文框』來做 Web 頁面的框架,甚至現在做 Client 程式圖文框還是很好用的一個元件,而此章節著重於介紹 XPage 提供的畫面 (panel) 替代圖文框使用,據 IBM Lab 文件說明『畫面控制項其實就是 DIV tag 』,也就是 Web tag 中的 Div ,是個很方便好應用的標籤,以下就來看看巢裝畫面的應用。 元件移動的操作方式: 1. 可以在元件上直接拖拉 2. 程式碼畫面編輯 3. 從概要拖拉 輕輕鬆鬆完成 Lab 中所要的巢狀架構 而 Xpage 要使用 CSS 也更為便利了, IBM Lab 練習也提供了制式 CSS 風格檔,依練習腳本匯入所有 CSS 以及相關檔案。 將樣式表匯入資料庫資源 XPage 或自動控制項指定使用特定 CSS 檔案 從元件中匯入CSS檔 指定各元件之 CSS 樣式 完成,預覽