ようやく動かせるようになってきたので、前から興味のあったコンポーネントを試してみます。
まずはPanelTabSetからで、そのままパレットからドロップします。デフォルトでいろいろなコンポーネントがついてきました。
<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="2.1" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:ice="http://www.icesoft.com/icefaces/component" xmlns:jsp="http://java.sun.com/JSP/Page">
<jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
<f:view>
<html id="outputHtml1">
<head id="outputHead1">
<ice:outputStyle href="./resources/stylesheet.css" id="outputStyle1"/>
<ice:outputStyle href="./xmlhttp/css/xp/xp.css" id="outputStyle2"/>
</head>
<body id="outputBody1" style="-rave-layout: grid">
<ice:form id="form1">
<ice:panelTabSet height="264" id="panelTabSet1" selectedIndex="2" style="position: absolute; left: 48px; top: 24px" tabPlacement="Top" width="504">
<ice:panelTab id="panelTab1" label="panelTab1">
<ice:panelLayout id="panelLayout1" style="position: inherit; width: 100%; height: 100%;">
<ice:selectOneRadio id="selectOneRadio1" partialSubmit="true">
<f:selectItems id="selectOneRadio1selectItems" value="#{Page2.selectOneRadio1DefaultItems}"/>
</ice:selectOneRadio>
</ice:panelLayout>
</ice:panelTab>
<ice:panelTab id="panelTab2" label="panelTab2">
<ice:panelLayout id="panelLayout2" style="position: inherit; width: 100%; height: 100%;">
<ice:inputText id="inputText1" value="inputText value"/>
</ice:panelLayout>
</ice:panelTab>
<ice:panelTab id="panelTab3" label="panelTab3">
<ice:panelLayout id="panelLayout3" style="position: inherit; width: 100%; height: 100%;">
<ice:selectOneMenu id="selectOneMenu1" partialSubmit="true">
<f:selectItems id="selectOneMenu1selectItems" value="#{Page2.selectOneMenu1DefaultItems}"/>
</ice:selectOneMenu>
</ice:panelLayout>
</ice:panelTab>
</ice:panelTabSet>
</ice:form>
</body>
</html>
</f:view>
</jsp:root>
この状態のまま実行します。すると画面いっぱいにタブ画面が表示されます。PanelTabSet自体にはWidth設定はないようですね。
そこでPanelLayoutをドロップし、その中にPanelTabSetをドロップするとWidth設定ができました。なるほど。
でも、SelectOneRadioの縦位置が真ん中になっています。うーん、それぞれの位置関係がよく分からない。それぞれの領域の左上が原点ではないということか？要調査です。
InputRichTextはツールバーがごちゃごちゃしているのでカスタマイズしたいと思い、ICEFaces.orgのInputRichTextの解説を見ながら試してみました。
The following steps are involved in creating the custom toolbar:
1. Create a config file under the webapp, defining the custom toolbar(e.g.) js/config.js
FCKConfig.ToolbarSets["MyToolbar"] = [['Bold','Italic', 'Underline'], ['Save']] ;
2. Set the "toolbar" attribute on the inputRichText component to define the custom toolbar name and set the "customConfigPath" attribute to reference the custom config.js.(e.g.)
<ice:inputRichText toolbar="MyToolbar" customConfigPath="js/config.js"/>
結果はちゃんと動きませんでした。MyToolbarがありませんとエラーがでています。
デザイナ画面でもToolbarは選択制になっていて、他に選ぶ余地がなさそうです。・・・・訳が分からない。
NetBeansとの統合環境はICEFaces.orgから最新をダウンロードしてきています。NetBeansのデフォルトのデザイナでも同じ現象なので、何かうまくいかない理由があるのでしょうね・・・とほほな感じです。
]]>