Editing the Tabbed Pane JSP Page

---

A copy of the original MyFaces tabbedPane.jsp is included with the tabbedpane-myfaces sample and a copy of the modified tabbedPane.jsp is included with the tabbedpane-icefaces sample application.

Refer to the tabbedPane.jsp file that is located in:

<icefaces-install-dir>/tutorial/tabbedpane-icefaces/web/ 
 

1. The loadBundle basename is modified.

<f:loadBundle basename="com.icesoft.tutorial.resource.example_messages" 
 
			var="example_messages"/ >
 

 

2. A form tag is added to the page. The form tag is placed before the tabbedPane and after the messages.

 ... 
 
<x:messages id="messageList" showSummary="true" showDetail="true" 
 
			summaryFormat="{0}:" / >
 
<!-- add the form here -- >
 
<h:form id="tabform" >
 
<x:panelTabbedPane bgcolor="#FFFFCC" > 
 
... 
 

3. The form is closed. The form should be closed after the tabbedPane.

</x:panelTabbedPane> 
 
<!-- close the form here -- >
 
</h:form>
 
</f:view> 
 

4. Javascript onBlur handlers are added to the input text elements on Tab 1.

<h:inputText onblur="iceSubmitPartial(form,this,event);" id="inp1"/ > 
 
<h:inputText onblur="iceSubmitPartial(form,this,event);" id="inp2" 
 
			required="true" /> 
 

5. The common command button is removed.

<!-- remove the common command button as icefaces does not require it --> 
 
<h:commandButton value="#{example_messages['tabbed_submit']}" /> 
 

Copyright 2005. ICEsoft Technologies, Inc. http://www.icesoft.com