Author: dmaliarevich
Date: 2012-08-03 08:20:10 -0400 (Fri, 03 Aug 2012)
New Revision: 42850
Added:
trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/src/org/jboss/tools/jsf/vpe/richfaces/template/RichFaces4PanelTemplate.java
trunk/vpe/tests/org.jboss.tools.vpe.ui.test/resources/TestProject/WebContent/pages/facets.jsp
Modified:
trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/src/org/jboss/tools/jsf/vpe/richfaces/template/RichFacesPanelTemplate.java
trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/templates/vpe-templates-richfaces.xml
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/collapsiblePanel.xhtml.xml
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/column.xhtml
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/column.xhtml.xml
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/columns.xhtml
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/columns.xhtml.xml
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/comboBox.xhtml
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/comboBox.xhtml.xml
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataDefinitionList.xhtml
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataDefinitionList.xhtml.xml
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataFilterSlider.xhtml
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataFilterSlider.xhtml.xml
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataGrid.xhtml
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataGrid.xhtml.xml
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataList.xhtml
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataList.xhtml.xml
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataTable&Spacer&DataScroller.xhtml
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataTable&Spacer&DataScroller.xhtml.xml
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/panel.xhtml.xml
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/toolBar.xhtml
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/toolBar.xhtml.xml
Log:
https://issues.jboss.org/browse/JBIDE-6072 - rich:panel was updated for RF4 UI, tests were
updated.
Added:
trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/src/org/jboss/tools/jsf/vpe/richfaces/template/RichFaces4PanelTemplate.java
===================================================================
---
trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/src/org/jboss/tools/jsf/vpe/richfaces/template/RichFaces4PanelTemplate.java
(rev 0)
+++
trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/src/org/jboss/tools/jsf/vpe/richfaces/template/RichFaces4PanelTemplate.java 2012-08-03
12:20:10 UTC (rev 42850)
@@ -0,0 +1,58 @@
+/*******************************************************************************
+ * Copyright (c) 2012 Red Hat, Inc.
+ * Distributed under license by Red Hat, Inc. All rights reserved.
+ * This program is made available under the terms of the
+ * Eclipse Public License v1.0 which accompanies this distribution,
+ * and is available at
http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ * Red Hat, Inc. - initial API and implementation
+ ******************************************************************************/
+package org.jboss.tools.jsf.vpe.richfaces.template;
+
+import java.util.List;
+import java.util.Map;
+
+import org.jboss.tools.vpe.editor.context.VpePageContext;
+import org.jboss.tools.vpe.editor.template.VpeChildrenInfo;
+import org.jboss.tools.vpe.editor.template.VpeCreationData;
+import org.jboss.tools.vpe.editor.util.VisualDomUtil;
+import org.mozilla.interfaces.nsIDOMDocument;
+import org.mozilla.interfaces.nsIDOMElement;
+import org.w3c.dom.Element;
+import org.w3c.dom.Node;
+
+/**
+ * It is used to render <code>rich:panel</code> from RichFaces 4 library.
+ *
+ * @author dmaliarevich
+ */
+public class RichFaces4PanelTemplate extends RichFacesPanelTemplate {
+
+ @Override
+ protected void renderHeaderFacet(Element headerFacet,
+ nsIDOMElement headerDiv, VpeCreationData creationData,
+ VpePageContext pageContext, nsIDOMDocument visualDocument) {
+
+ Map<String, List<Node>> children =
VisualDomUtil.findFacetElements(headerFacet, pageContext);
+ VpeChildrenInfo headerInfo = new VpeChildrenInfo(headerDiv);
+ if (((children != null) && (children.get(VisualDomUtil.FACET_HTML_TAGS).size()
> 0))) {
+ for (Node node : children.get(VisualDomUtil.FACET_HTML_TAGS)) {
+ headerInfo.addSourceChild(node);
+ }
+ }
+ creationData.addChildrenInfo(headerInfo);
+ }
+
+ @Override
+ protected Map<String, List<Node>> getHeaderFacetChildren(
+ Element headerFacet, VpePageContext pageContext) {
+ return null;
+ }
+ @Override
+ protected Map<String, List<Node>> getFooterFacetChildren(
+ Element footerFacet, VpePageContext pageContext) {
+ return null;
+ }
+
+}
Modified:
trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/src/org/jboss/tools/jsf/vpe/richfaces/template/RichFacesPanelTemplate.java
===================================================================
---
trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/src/org/jboss/tools/jsf/vpe/richfaces/template/RichFacesPanelTemplate.java 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/src/org/jboss/tools/jsf/vpe/richfaces/template/RichFacesPanelTemplate.java 2012-08-03
12:20:10 UTC (rev 42850)
@@ -27,17 +27,19 @@
import org.w3c.dom.Element;
import org.w3c.dom.Node;
+/**
+ * Default template for <code>rich:panel</code> component.
+ * <p>
+ * It is used to render <code>rich:panel</code> for RichFaces untill version
3.3.
+ */
public class RichFacesPanelTemplate extends VpeAbstractTemplate {
public VpeCreationData create(VpePageContext pageContext, Node sourceNode,
nsIDOMDocument visualDocument) {
+ ComponentUtil.setCSSLink(pageContext, "panel/panel.css",
"richFacesPanel"); //$NON-NLS-1$ //$NON-NLS-2$
Element sourceElement = (Element)sourceNode;
-
nsIDOMElement div = visualDocument.createElement("div"); //$NON-NLS-1$
-
VpeCreationData creationData = new VpeCreationData(div);
-
- ComponentUtil.setCSSLink(pageContext, "panel/panel.css",
"richFacesPanel"); //$NON-NLS-1$ //$NON-NLS-2$
String styleClass = "dr-pnl rich-panel"; //$NON-NLS-1$
String styleClassAttrName = "styleClass"; //$NON-NLS-1$
@@ -57,10 +59,13 @@
* Find elements from the f:facet
*/
Map<String, List<Node>> headerFacetChildren = null;
+ Map<String, List<Node>> footerFacetChildren = null;
Element headerFacet = SourceDomUtil.getFacetByName(pageContext,
sourceElement, RichFaces.NAME_FACET_HEADER);
+ Element footerFacet = SourceDomUtil.getFacetByName(pageContext,
+ sourceElement, RichFaces.NAME_FACET_FOOTER);
if (headerFacet != null) {
- headerFacetChildren = VisualDomUtil.findFacetElements(headerFacet, pageContext);
+ headerFacetChildren = getHeaderFacetChildren(headerFacet, pageContext);
nsIDOMElement headerDiv = visualDocument.createElement(HTML.TAG_DIV);
/*
* By adding attribute VPE-FACET to this visual node
@@ -75,12 +80,15 @@
headerDiv.setAttribute(HTML.ATTR_CLASS, headerClass);
headerDiv.setAttribute(HTML.ATTR_STYLE,
ComponentUtil.getHeaderBackgoundImgStyle());
-
- VpeChildrenInfo headerInfo = new VpeChildrenInfo(headerDiv);
- headerInfo.addSourceChild(headerFacet);
- creationData.addChildrenInfo(headerInfo);
+ /*
+ *
https://issues.jboss.org/browse/JBIDE-6072
+ * Render the header: differs for RF3.3 and RF4
+ */
+ renderHeaderFacet(headerFacet, headerDiv, creationData, pageContext, visualDocument);
}
-
+ if (footerFacet != null) {
+ footerFacetChildren = getHeaderFacetChildren(footerFacet, pageContext);
+ }
/*
* Encode rich:panel content
*/
@@ -103,7 +111,13 @@
bodyInfo.addSourceChild(node);
}
}
-
+ boolean footerHtmlElementsPresents = ((footerFacetChildren != null) &&
(footerFacetChildren
+ .get(VisualDomUtil.FACET_HTML_TAGS).size() > 0));
+ if (footerHtmlElementsPresents) {
+ for (Node node : footerFacetChildren.get(VisualDomUtil.FACET_HTML_TAGS)) {
+ bodyInfo.addSourceChild(node);
+ }
+ }
/*
* Add the rest panel's content
*/
@@ -112,10 +126,25 @@
bodyInfo.addSourceChild(child);
}
creationData.addChildrenInfo(bodyInfo);
-
+
return creationData;
}
+ protected void renderHeaderFacet(Element headerFacet, nsIDOMElement headerDiv,
+ VpeCreationData creationData, VpePageContext pageContext, nsIDOMDocument
visualDocument) {
+ VpeChildrenInfo headerInfo = new VpeChildrenInfo(headerDiv);
+ headerInfo.addSourceChild(headerFacet);
+ creationData.addChildrenInfo(headerInfo);
+ }
+
+ protected Map<String, List<Node>> getHeaderFacetChildren(Element
headerFacet, VpePageContext pageContext) {
+ return VisualDomUtil.findFacetElements(headerFacet, pageContext);
+ }
+
+ protected Map<String, List<Node>> getFooterFacetChildren(Element
footerFacet, VpePageContext pageContext) {
+ return VisualDomUtil.findFacetElements(footerFacet, pageContext);
+ }
+
/* (non-Javadoc)
* @see
org.jboss.tools.vpe.editor.template.VpeAbstractTemplate#isRecreateAtAttrChange(org.jboss.tools.vpe.editor.context.VpePageContext,
org.w3c.dom.Element, org.mozilla.interfaces.nsIDOMDocument,
org.mozilla.interfaces.nsIDOMElement, java.lang.Object, java.lang.String,
java.lang.String)
*/
Modified:
trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/templates/vpe-templates-richfaces.xml
===================================================================
---
trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/templates/vpe-templates-richfaces.xml 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/plugins/org.jboss.tools.jsf.vpe.richfaces/templates/vpe-templates-richfaces.xml 2012-08-03
12:20:10 UTC (rev 42850)
@@ -618,6 +618,7 @@
</vpe:tag>
<vpe:tag name="rich:panel" case-sensitive="yes">
+ <vpe:if test="tld_version('max=3.3')">
<vpe:template children="yes" modify="yes"
class="org.jboss.tools.jsf.vpe.richfaces.template.RichFacesPanelTemplate">
<vpe:resize>
@@ -629,6 +630,19 @@
<vpe:drop container="yes" />
</vpe:dnd>
</vpe:template>
+ </vpe:if>
+
+ <vpe:template children="yes" modify="yes"
+ class="org.jboss.tools.jsf.vpe.richfaces.template.RichFaces4PanelTemplate">
+ <vpe:resize>
+ <vpe:width width-attr="style.width" />
+ <vpe:height height-attr="style.height" />
+ </vpe:resize>
+ <vpe:dnd>
+ <vpe:drag start-enable="yes" />
+ <vpe:drop container="yes" />
+ </vpe:dnd>
+ </vpe:template>
</vpe:tag>
Modified:
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/collapsiblePanel.xhtml.xml
===================================================================
---
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/collapsiblePanel.xhtml.xml 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/collapsiblePanel.xhtml.xml 2012-08-03
12:20:10 UTC (rev 42850)
@@ -1,13 +1,12 @@
<tests>
<test id="panel">
- <DIV CLASS="dr-pnl rich-panel ">
- <DIV VPE-FACET="header" CLASS="dr-pnl-h rich-panel-header "
- STYLE="display: none;">
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body ">
+ <DIV CLASS="dr-pnl rich-panel">
+ <DIV VPE-FACET="header" CLASS="dr-pnl-h rich-panel-header"
>
<SPAN CLASS="vpe-text">
Panel Header
</SPAN>
+ </DIV>
+ <DIV CLASS="dr-pnl-b rich-panel-body">
<SPAN CLASS="vpe-text">
Panel Content
</SPAN>
Modified:
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/column.xhtml
===================================================================
---
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/column.xhtml 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/column.xhtml 2012-08-03
12:20:10 UTC (rev 42850)
@@ -81,10 +81,6 @@
</rich:columnGroup>
</f:facet>
</rich:dataTable>
- <rich:panel id="column5">
- <f:facet name="header">
- <h:outputText value="Column" />
- </f:facet>
<rich:dataTable id="table1" value="#{bookList.bookList}"
var="book"
style="text-align:center;color:Orchid;font-style:italic;font-size:small;border-style:dotted;background-color:Turquoise;border-color:Orchid;text-decoration:underline;font-family:Arial;border-width:thick;font-weight:bolder"
columnClasses="evenRow, oddRow" sortMode="multi">
@@ -133,7 +129,6 @@
<h:outputText value="#{book.numOfCopies}" />
</rich:column>
</rich:dataTable>
- </rich:panel>
</h:form>
</body>
</html>
\ No newline at end of file
Modified:
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/column.xhtml.xml
===================================================================
---
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/column.xhtml.xml 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/column.xhtml.xml 2012-08-03
12:20:10 UTC (rev 42850)
@@ -20,150 +20,139 @@
<SPAN>footer1</SPAN>
</TD>
</test>
- <test id="column5">
- <DIV CLASS="dr-pnl rich-panel">
- <DIV CLASS="dr-pnl-h rich-panel-header"
- STYLE="/background-image: url\(.*resources/common/background.gif\);/">
- <SPAN CLASS="vpe-text">
- Column
- </SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body">
- <TABLE ID="table1" VALUE="#{bookList.bookList}"
VAR="book"
- STYLE="border: thick dotted Orchid; text-align: center; color: Orchid;
font-style: italic; font-size: small; background-color: Turquoise; text-decoration:
underline; font-family: Arial; font-weight: bolder;"
- COLUMNCLASSES="evenRow, oddRow" SORTMODE="multi"
CLASS="dr-table rich-table">
- <COLGROUP SPAN="3">
- </COLGROUP>
- <THEAD>
- <TR CLASS="dr-table-header rich-table-header"
- STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
- <TD CLASS="dr-table-headercell rich-table-headercell"
COLSPAN="100"
- SCOPE="colgroup">
- <SPAN CLASS="vpe-text">
- #{msg.pageTitle}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="dr-table-subheader rich-table-subheader">
- <TD CLASS="dr-table-subheadercell rich-table-subheadercell"
- SCOPE="col">
- <IMG SRC="/.*resources/column/sortable.gif/"
STYLE="vertical-align: middle;" />
- <SPAN>
- <SPAN CLASS="vpe-text">
- #{msg.priceColumnName}
- </SPAN>
- </SPAN>
+ <test id="table1">
+ <TABLE VALUE="#{bookList.bookList}" VAR="book"
+ STYLE="border: thick dotted Orchid; text-align: center; color: Orchid;
font-style: italic; font-size: small; background-color: Turquoise; text-decoration:
underline; font-family: Arial; font-weight: bolder;"
+ COLUMNCLASSES="evenRow, oddRow" SORTMODE="multi"
CLASS="dr-table rich-table">
+ <COLGROUP SPAN="3">
+ </COLGROUP>
+ <THEAD>
+ <TR CLASS="dr-table-header rich-table-header"
+ STYLE="/background-image: url\(.*resources/common/background.gif\);/">
+ <TD CLASS="dr-table-headercell rich-table-headercell"
COLSPAN="100"
+ SCOPE="colgroup">
+ <SPAN CLASS="vpe-text">
+ #{msg.pageTitle}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="dr-table-subheader rich-table-subheader">
+ <TD CLASS="dr-table-subheadercell rich-table-subheadercell"
+ SCOPE="col">
+ <IMG SRC="/.*resources/column/sortable.gif/"
STYLE="vertical-align: middle;" />
+ <SPAN>
+ <SPAN CLASS="vpe-text">
+ #{msg.priceColumnName}
+ </SPAN>
+ </SPAN>
- </TD>
- <TD STYLE="display: none;" CLASS="dr-table-subheadercell
rich-table-subheadercell"
- SCOPE="col">
- <IMG SRC="/.*resources/column/sortable.gif/"
STYLE="vertical-align: middle;" />
- <SPAN>
- <SPAN CLASS="vpe-text">
- #{msg.titleColumnName}
- </SPAN>
- </SPAN>
+ </TD>
+ <TD STYLE="display: none;" CLASS="dr-table-subheadercell
rich-table-subheadercell"
+ SCOPE="col">
+ <IMG SRC="/.*resources/column/sortable.gif/"
STYLE="vertical-align: middle;" />
+ <SPAN>
+ <SPAN CLASS="vpe-text">
+ #{msg.titleColumnName}
+ </SPAN>
+ </SPAN>
- </TD>
- <TD CLASS="dr-table-subheadercell rich-table-subheadercell"
- SCOPE="col">
- <IMG SRC="/.*resources/column/sortable.gif/"
STYLE="vertical-align: middle;" />
- <SPAN>
- <SPAN CLASS="vpe-text">
- #{msg.priceColumnName}
- </SPAN>
- </SPAN>
+ </TD>
+ <TD CLASS="dr-table-subheadercell rich-table-subheadercell"
+ SCOPE="col">
+ <IMG SRC="/.*resources/column/sortable.gif/"
STYLE="vertical-align: middle;" />
+ <SPAN>
+ <SPAN CLASS="vpe-text">
+ #{msg.priceColumnName}
+ </SPAN>
+ </SPAN>
- </TD>
- <TD CLASS="dr-table-subheadercell rich-table-subheadercell"
- SCOPE="col">
- <IMG SRC="/.*resources/column/sortable.gif/"
STYLE="vertical-align: middle;" />
- <SPAN>
- <SPAN CLASS="vpe-text">
- #{msg.titleColumnName}
- </SPAN>
- </SPAN>
+ </TD>
+ <TD CLASS="dr-table-subheadercell rich-table-subheadercell"
+ SCOPE="col">
+ <IMG SRC="/.*resources/column/sortable.gif/"
STYLE="vertical-align: middle;" />
+ <SPAN>
+ <SPAN CLASS="vpe-text">
+ #{msg.titleColumnName}
+ </SPAN>
+ </SPAN>
- </TD>
- </TR>
- </THEAD>
- <TFOOT>
- <TR CLASS="dr-table-subfooter rich-table-subfooter">
- <TD CLASS="dr-table-subfootercell rich-table-subfootercell"
- SCOPE="col">
- <SPAN>
- <SPAN CLASS="vpe-text">
- #{msg.priceColumnName}
- </SPAN>
- </SPAN>
- </TD>
- <TD STYLE="display: none;" CLASS="dr-table-subfootercell
rich-table-subfootercell"
- SCOPE="col">
- <SPAN>
- <SPAN CLASS="vpe-text">
- #{msg.titleColumnName}
- </SPAN>
- </SPAN>
- </TD>
- <TD CLASS="dr-table-subfootercell rich-table-subfootercell"
- SCOPE="col">
- <SPAN>
- <SPAN CLASS="vpe-text">
- #{msg.priceColumnName}
- </SPAN>
- </SPAN>
- </TD>
- <TD CLASS="dr-table-subfootercell rich-table-subfootercell"
- SCOPE="col">
- <SPAN>
- <SPAN CLASS="vpe-text">
- #{msg.titleColumnName}
- </SPAN>
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="dr-table-footer rich-table-footer"
- STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
- <TD CLASS="dr-table-footercell rich-table-footercell"
COLSPAN="100"
- SCOPE="colgroup">
- <SPAN CLASS="vpe-text">
- #{msg.priceColumnName}
- </SPAN>
- </TD>
- </TR>
- </TFOOT>
- <TR CLASS="dr-table-firstrow rich-table-firstrow">
- <TD SORTBY="#{book.price}" ID="col2"
STYLECLASS="btn"
- CLASS="dr-table-cell rich-table-cell btn evenRow">
+ </TD>
+ </TR>
+ </THEAD>
+ <TFOOT>
+ <TR CLASS="dr-table-subfooter rich-table-subfooter">
+ <TD CLASS="dr-table-subfootercell rich-table-subfootercell"
+ SCOPE="col">
+ <SPAN>
<SPAN CLASS="vpe-text">
- #{book.price}
+ #{msg.priceColumnName}
</SPAN>
- </TD>
- </TR>
- <TR CLASS="dr-table-row rich-table-row">
- <TD STYLE="display: none;" ID="col3"
SORTBY="#{book.numOfCopies}"
- VISIBLE="false" BREAKBEFORE="true"
- CLASS="dr-table-cell rich-table-cell evenRow">
+ </SPAN>
+ </TD>
+ <TD STYLE="display: none;" CLASS="dr-table-subfootercell
rich-table-subfootercell"
+ SCOPE="col">
+ <SPAN>
<SPAN CLASS="vpe-text">
- #{book.numOfCopies}
+ #{msg.titleColumnName}
</SPAN>
- </TD>
- <TD SORTBY="#{book.price}" ID="col4"
- STYLE="border: thick dotted Cornsilk; text-align: center; color: Turquoise;
font-style: italic; font-size: small; background-color: PaleVioletRed; text-decoration:
line-through; font-family: Bookman Old Style; font-weight: bold;"
- CLASS="dr-table-cell rich-table-cell oddRow">
+ </SPAN>
+ </TD>
+ <TD CLASS="dr-table-subfootercell rich-table-subfootercell"
+ SCOPE="col">
+ <SPAN>
<SPAN CLASS="vpe-text">
- #{book.price}
+ #{msg.priceColumnName}
</SPAN>
- </TD>
- <TD ID="col5" SORTBY="#{book.numOfCopies}"
VISIBLE="true"
- CLASS="dr-table-cell rich-table-cell evenRow">
+ </SPAN>
+ </TD>
+ <TD CLASS="dr-table-subfootercell rich-table-subfootercell"
+ SCOPE="col">
+ <SPAN>
<SPAN CLASS="vpe-text">
- #{book.numOfCopies}
+ #{msg.titleColumnName}
</SPAN>
- </TD>
- </TR>
- </TABLE>
- </DIV>
- </DIV>
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="dr-table-footer rich-table-footer"
+ STYLE="/background-image: url\(.*resources/common/background.gif\);/">
+ <TD CLASS="dr-table-footercell rich-table-footercell"
COLSPAN="100"
+ SCOPE="colgroup">
+ <SPAN CLASS="vpe-text">
+ #{msg.priceColumnName}
+ </SPAN>
+ </TD>
+ </TR>
+ </TFOOT>
+ <TR CLASS="dr-table-firstrow rich-table-firstrow">
+ <TD SORTBY="#{book.price}" ID="col2"
STYLECLASS="btn"
+ CLASS="dr-table-cell rich-table-cell btn evenRow">
+ <SPAN CLASS="vpe-text">
+ #{book.price}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="dr-table-row rich-table-row">
+ <TD STYLE="display: none;" ID="col3"
SORTBY="#{book.numOfCopies}"
+ VISIBLE="false" BREAKBEFORE="true" CLASS="dr-table-cell
rich-table-cell evenRow">
+ <SPAN CLASS="vpe-text">
+ #{book.numOfCopies}
+ </SPAN>
+ </TD>
+ <TD SORTBY="#{book.price}" ID="col4"
+ STYLE="border: thick dotted Cornsilk; text-align: center; color: Turquoise;
font-style: italic; font-size: small; background-color: PaleVioletRed; text-decoration:
line-through; font-family: Bookman Old Style; font-weight: bold;"
+ CLASS="dr-table-cell rich-table-cell oddRow">
+ <SPAN CLASS="vpe-text">
+ #{book.price}
+ </SPAN>
+ </TD>
+ <TD ID="col5" SORTBY="#{book.numOfCopies}"
VISIBLE="true"
+ CLASS="dr-table-cell rich-table-cell evenRow">
+ <SPAN CLASS="vpe-text">
+ #{book.numOfCopies}
+ </SPAN>
+ </TD>
+ </TR>
+ </TABLE>
</test>
</tests>
\ No newline at end of file
Modified:
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/columns.xhtml
===================================================================
---
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/columns.xhtml 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/columns.xhtml 2012-08-03
12:20:10 UTC (rev 42850)
@@ -19,14 +19,10 @@
<h:outputText value="#{book.price}" />
</rich:columns>
</rich:dataTable>
- <rich:panel id="columns1" styleClass="btn" style=" height :
138px;">
- <f:facet name="header">
- <h:outputText value="Columns" />
- </f:facet>
- <rich:dataTable value="#{dataTableScrollerBean.model}"
var="model"
- width="750"
- style="text-align:center;color:Orchid;font-style:italic;font-size:x-large;border-style:dotted;background-color:Turquoise;
- border-color:Cornsilk;text-decoration:overline;font-family:Agency
FB,Arial,Arial Baltic,Arial Black,Arial CE,Arial CYR,Arial Cyr,Arial Greek,Arial
Narrow,Arial Rounded MT Bold,Arial TUR,Blackadder ITC,Bodoni MT,Bodoni MT Black,Bodoni MT
Condensed,Book Antiqua,Bookman Old Style,Bookshelf Symbol 7,Bradley Hand ITC,Calisto
MT,Castellar,Century Gothic,Century Schoolbook,Comic Sans MS,Copperplate Gothic
Bold,Copperplate Gothic Light,Courier,Courier New,Courier New Baltic,Courier New
CE,Courier New CYR,Courier New Cyr,Courier New Greek,Courier New TUR,Curlz MT,Edwardian
Script ITC,Elephant,Engravers MT,Eras Bold ITC,Eras Demi ITC,Eras Light ITC,Eras Medium
ITC,Estrangelo Edessa,Felix Titling,Fixedsys,Forte,Franklin Gothic Book,Franklin Gothic
Demi,Franklin Gothic Demi Cond,Franklin Gothic Heavy,Franklin Gothic Medium,Franklin
Gothic Medium Cond,French Script MT,Garamond,Gautami,Georgia,Gigi,Gill Sans MT,Gill Sans
MT Condensed,Gill Sans MT Ext Condensed Bold,Gill Sans !
Ultra Bold,Gill Sans Ultra Bold Condensed,Gloucester MT Extra Condensed,Goudy Old
Style,Goudy Stout,Haettenschweiler,Impact,Imprint MT Shadow,Latha,Lucida Console,Lucida
Sans,Lucida Sans Typewriter,Lucida Sans Unicode,MS Outlook,MS Reference Sans Serif,MS
Reference Specialty,MS Sans Serif,MS Serif,MT Extra,MV Boli,Maiandra
GD,Mangal,Marlett,Microsoft Sans Serif,Modern,Monotype Corsiva,OCR A Extended,Palace
Script MT,Palatino Linotype,Papyrus,Perpetua,Perpetua Titling MT,Pristina,Raavi,Rage
Italic,Rockwell,Rockwell Condensed,Rockwell Extra Bold,Roman,Script,Script MT
Bold,Shruti,Small Fonts,Sylfaen,Symbol,System,Tahoma,Terminal,Times New Roman,Times New
Roman Baltic,Times New Roman CE,Times New Roman CYR,Times New Roman Cyr,Times New Roman
Greek,Times New Roman TUR,Trebuchet MS,Tunga,Tw Cen MT,Tw Cen MT Condensed,Tw Cen MT
Condensed Extra
Bold,Verdana,WST_Czec,WST_Engl,WST_Fren,WST_Germ,WST_Ital,WST_Span,WST_Swed,Webdings,Wingdings,Wingdings
2,Wingdings 3;border-width:thick;!
font-weight:bold;">
+
+ <rich:dataTable id="columns1"
+ value="#{dataTableScrollerBean.model}"
var="model" width="750"
+ style="text-align:center;color:Orchid;font-style:italic;font-size:x-large;border-style:dotted;background-color:Turquoise;
border-color:Cornsilk;text-decoration:overline;font-family:Agency FB,Arial,Arial
Baltic,Arial Black,Arial CE,Arial CYR,Arial Cyr,Arial Greek,Arial Narrow,Arial Rounded MT
Bold,Arial TUR,Blackadder ITC,Bodoni MT,Bodoni MT Black,Bodoni MT Condensed,Book
Antiqua,Bookman Old Style,Bookshelf Symbol 7,Bradley Hand ITC,Calisto MT,Castellar,Century
Gothic,Century Schoolbook,Comic Sans MS,Copperplate Gothic Bold,Copperplate Gothic
Light,Courier,Courier New,Courier New Baltic,Courier New CE,Courier New CYR,Courier New
Cyr,Courier New Greek,Courier New TUR,Curlz MT,Edwardian Script ITC,Elephant,Engravers
MT,Eras Bold ITC,Eras Demi ITC,Eras Light ITC,Eras Medium ITC,Estrangelo Edessa,Felix
Titling,Fixedsys,Forte,Franklin Gothic Book,Franklin Gothic Demi,Franklin Gothic Demi
Cond,Franklin Gothic Heavy,Franklin Gothic Medium,Franklin Gothic Medium Cond,French
Scrip!
t MT,Garamond,Gautami,Georgia,Gigi,Gill Sans MT,Gill Sans MT Condensed,Gill Sans MT Ext
Condensed Bold,Gill Sans Ultra Bold,Gill Sans Ultra Bold Condensed,Gloucester MT Extra
Condensed,Goudy Old Style,Goudy Stout,Haettenschweiler,Impact,Imprint MT
Shadow,Latha,Lucida Console,Lucida Sans,Lucida Sans Typewriter,Lucida Sans Unicode,MS
Outlook,MS Reference Sans Serif,MS Reference Specialty,MS Sans Serif,MS Serif,MT Extra,MV
Boli,Maiandra GD,Mangal,Marlett,Microsoft Sans Serif,Modern,Monotype Corsiva,OCR A
Extended,Palace Script MT,Palatino Linotype,Papyrus,Perpetua,Perpetua Titling
MT,Pristina,Raavi,Rage Italic,Rockwell,Rockwell Condensed,Rockwell Extra
Bold,Roman,Script,Script MT Bold,Shruti,Small
Fonts,Sylfaen,Symbol,System,Tahoma,Terminal,Times New Roman,Times New Roman Baltic,Times
New Roman CE,Times New Roman CYR,Times New Roman Cyr,Times New Roman Greek,Times New Roman
TUR,Trebuchet MS,Tunga,Tw Cen MT,Tw Cen MT Condensed,Tw Cen MT Condensed Extra
Bold,Verdana,WST_Czec,WST!
_Engl,WST_Fren,WST_Germ,WST_Ital,WST_Span,WST_Swed,Webdings,Wi!
ngdings,
Wingdings 2,Wingdings 3;border-width:thick;font-weight:bold;">
<f:facet name="header">
<h:outputText value="Cars Available"></h:outputText>
</f:facet>
@@ -41,7 +37,6 @@
style="font-style:italic;" />
</rich:columns>
</rich:dataTable>
- </rich:panel>
</h:form>
</body>
</html>
\ No newline at end of file
Modified:
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/columns.xhtml.xml
===================================================================
---
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/columns.xhtml.xml 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/columns.xhtml.xml 2012-08-03
12:20:10 UTC (rev 42850)
@@ -5,58 +5,48 @@
</TD>
</test>
<test id="columns1">
- <DIV CLASS="dr-pnl rich-panel btn" STYLE="height: 138px;">
- <DIV CLASS="dr-pnl-h rich-panel-header"
- STYLE="/background-image: url\(.*resources/common/background.gif\);/">
- <SPAN CLASS="vpe-text">
- Columns
- </SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body">
- <TABLE WIDTH="750" VALUE="#{dataTableScrollerBean.model}"
VAR="model"
- STYLE="border: thick dotted Cornsilk; text-align: center; color: Orchid;
font-style: italic; font-size: x-large; background-color: Turquoise; text-decoration:
overline; font-weight: bold;"
- CLASS="dr-table rich-table">
- <COLGROUP SPAN="1">
- </COLGROUP>
- <THEAD>
- <TR CLASS="dr-table-header rich-table-header"
- STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
- <TD CLASS="dr-table-headercell rich-table-headercell"
COLSPAN="100"
- SCOPE="colgroup">
- <SPAN CLASS="vpe-text">
- Cars Available
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="dr-table-subheader rich-table-subheader">
- <TD CLASS="dr-table-subheadercell rich-table-subheadercell"
- SCOPE="col">
- <IMG SRC="/.*resources/column/sortable.gif/"
STYLE="vertical-align: middle;" />
- <SPAN>
- <SPAN CLASS="vpe-text">
- #{columns.header}
- </SPAN>
- </SPAN>
-
- </TD>
- </TR>
- </THEAD>
- <TR CLASS="dr-table-firstrow rich-table-firstrow">
- <TD VALUE="#{dataTableScrollerBean.columns}" VAR="columns"
- INDEX="ind" SORTBY="#{model[ind].price}"
CLASS="dr-table-cell rich-table-cell">
+ <TABLE WIDTH="750" VALUE="#{dataTableScrollerBean.model}"
VAR="model"
+ STYLE="border: thick dotted Cornsilk; text-align: center; color: Orchid;
font-style: italic; font-size: x-large; background-color: Turquoise; text-decoration:
overline; font-weight: bold;"
+ CLASS="dr-table rich-table">
+ <COLGROUP SPAN="1">
+ </COLGROUP>
+ <THEAD>
+ <TR CLASS="dr-table-header rich-table-header"
+ STYLE="/background-image: url\(.*resources/common/background.gif\);/">
+ <TD CLASS="dr-table-headercell rich-table-headercell"
COLSPAN="100"
+ SCOPE="colgroup">
+ <SPAN CLASS="vpe-text">
+ Cars Available
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="dr-table-subheader rich-table-subheader">
+ <TD CLASS="dr-table-subheadercell rich-table-subheadercell"
+ SCOPE="col">
+ <IMG SRC="/.*resources/column/sortable.gif/"
STYLE="vertical-align: middle;" />
+ <SPAN>
<SPAN CLASS="vpe-text">
- #{model[ind].model}
+ #{columns.header}
</SPAN>
- <SPAN CLASS="vpe-text">
- #{model[ind].mileage} miles
- </SPAN>
- <SPAN STYLE="font-style: italic;">
- #{model[ind].price}$
- </SPAN>
- </TD>
- </TR>
- </TABLE>
- </DIV>
- </DIV>
+ </SPAN>
+
+ </TD>
+ </TR>
+ </THEAD>
+ <TR CLASS="dr-table-firstrow rich-table-firstrow">
+ <TD VALUE="#{dataTableScrollerBean.columns}" VAR="columns"
INDEX="ind"
+ SORTBY="#{model[ind].price}" CLASS="dr-table-cell
rich-table-cell">
+ <SPAN CLASS="vpe-text">
+ #{model[ind].model}
+ </SPAN>
+ <SPAN CLASS="vpe-text">
+ #{model[ind].mileage} miles
+ </SPAN>
+ <SPAN STYLE="font-style: italic;">
+ #{model[ind].price}$
+ </SPAN>
+ </TD>
+ </TR>
+ </TABLE>
</test>
</tests>
\ No newline at end of file
Modified:
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/comboBox.xhtml
===================================================================
---
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/comboBox.xhtml 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/comboBox.xhtml 2012-08-03
12:20:10 UTC (rev 42850)
@@ -49,12 +49,9 @@
<f:selectItem itemValue="suggestion 5" />
</rich:comboBox>
-<rich:panel styleClass="btn" id="complexCombo">
- <f:facet name="header">
- <h:outputText value="Combo Box"/>
- </f:facet>
<form>
- <rich:comboBox defaultLabel="Enter some value" width="150">
+ <rich:comboBox id="complexCombo"
+ defaultLabel="Enter some value" width="150">
<f:selectItem itemValue="item 1"/>
<f:selectItem itemValue="item 2"/>
<f:selectItem itemValue="item 3"/>
@@ -68,6 +65,6 @@
<f:selectItem itemValue="item 12"/>
</rich:comboBox>
</form>
-</rich:panel>
+
</body>
</html>
\ No newline at end of file
Modified:
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/comboBox.xhtml.xml
===================================================================
---
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/comboBox.xhtml.xml 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/comboBox.xhtml.xml 2012-08-03
12:20:10 UTC (rev 42850)
@@ -84,39 +84,27 @@
</DIV>
</test>
<test id="complexCombo">
- <DIV CLASS="dr-pnl rich-panel btn">
- <DIV CLASS="dr-pnl-h rich-panel-header"
- STYLE="/background-image: url\(.*resources/common/background.gif\);/">
- <SPAN CLASS="vpe-text">
- Combo Box
- </SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body">
- <FORM STYLE="-moz-user-modify: read-write;">
- <DIV STYLE="width: 150px;">
- <DIV STYLE="position: static; z-index: 0;">
- <DIV CLASS="rich-combobox-font rich-combobox" STYLE="position:
static; z-index: 0;">
- <DIV CLASS="rich-combobox-font rich-combobox-shell"
STYLE="width: 150px; z-index: 1;">
- <INPUT TYPE="text"
- CLASS="rich-combobox-font-disabled rich-combobox-input-inactive"
- STYLE="width: 133px;" VALUE="Enter some value" />
+ <DIV STYLE="width: 150px;">
+ <DIV STYLE="position: static; z-index: 0;">
+ <DIV CLASS="rich-combobox-font rich-combobox" STYLE="position:
static; z-index: 0;">
+ <DIV CLASS="rich-combobox-font rich-combobox-shell" STYLE="width:
150px; z-index: 1;">
+ <INPUT TYPE="text"
+ CLASS="rich-combobox-font-disabled rich-combobox-input-inactive"
+ STYLE="width: 133px;" VALUE="Enter some value" />
- <INPUT TYPE="text"
- CLASS="rich-combobox-font-inactive rich-combobox-button-background
rich-combobox-button-inactive"
- READONLY="true" VPE-USER-TOGGLE-ID="0" STYLE=""
/>
+ <INPUT TYPE="text"
+ CLASS="rich-combobox-font-inactive rich-combobox-button-background
rich-combobox-button-inactive"
+ READONLY="true" VPE-USER-TOGGLE-ID="0" STYLE=""
/>
- <INPUT TYPE="text"
- CLASS="rich-combobox-font-inactive rich-combobox-button-icon-inactive
rich-combobox-button-inactive"
- READONLY="true" VPE-USER-TOGGLE-ID="0" STYLE=""
/>
+ <INPUT TYPE="text"
+ CLASS="rich-combobox-font-inactive rich-combobox-button-icon-inactive
rich-combobox-button-inactive"
+ READONLY="true" VPE-USER-TOGGLE-ID="0" STYLE=""
/>
- <DIV CLASS="rich-combobox-strut rich-combobox-font"
STYLE="width: 140px;">
- Struts
- </DIV>
- </DIV>
- </DIV>
+ <DIV CLASS="rich-combobox-strut rich-combobox-font" STYLE="width:
140px;">
+ Struts
</DIV>
</DIV>
- </FORM>
+ </DIV>
</DIV>
</DIV>
</test>
Modified:
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataDefinitionList.xhtml
===================================================================
---
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataDefinitionList.xhtml 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataDefinitionList.xhtml 2012-08-03
12:20:10 UTC (rev 42850)
@@ -36,10 +36,7 @@
<h:outputText value="col3" />
<h:outputText value="col4" />
</rich:dataDefinitionList>
- <rich:panel id="dataDefinitionList1">
- <f:facet name="header">
- <h:outputText value="Data Defenition list" />
- </f:facet>
+
<h:form>
<rich:dataDefinitionList id="defList" rows="3" title="Book
Store"
style="text-align:center;color:PaleVioletRed;font-style:oblique;font-size:x-large;border-style:dotted;background-color:Grey;border-color:Cornsilk;text-decoration:overline;font-family:Arial
TUR;border-width:thick;font-weight:bolder;"
@@ -51,7 +48,6 @@
<h:outputText value="Number of copies:"></h:outputText>
</rich:dataDefinitionList>
</h:form>
- </rich:panel>
</f:view>
</body>
</html>
\ No newline at end of file
Modified:
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataDefinitionList.xhtml.xml
===================================================================
---
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataDefinitionList.xhtml.xml 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataDefinitionList.xhtml.xml 2012-08-03
12:20:10 UTC (rev 42850)
@@ -100,16 +100,8 @@
</DL>
</test>
- <test id="dataDefinitionList1">
- <DIV CLASS="dr-pnl rich-panel ">
- <DIV VPE-FACET="header" CLASS="dr-pnl-h rich-panel-header "
- STYLE="/background-image: url\(.*resources/common/background.gif\);/">
- <SPAN CLASS="vpe-text">
- Data Defenition list
-</SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body ">
- <FORM STYLE="border: 1px dotted rgb(255, 102, 0); padding: 5px;">
+ <test id="defList">
+
<DL
STYLE="border: thick dotted Cornsilk; text-align: center; color:
PaleVioletRed; font-style: oblique; font-size: x-large; background-color: Grey;
text-decoration: overline; font-family: Arial TUR; font-weight: bolder;"
CLASS="listClass">
@@ -153,8 +145,5 @@
</SPAN>
</DD>
</DL>
- </FORM>
- </DIV>
- </DIV>
</test>
</tests>
\ No newline at end of file
Modified:
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataFilterSlider.xhtml
===================================================================
---
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataFilterSlider.xhtml 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataFilterSlider.xhtml 2012-08-03
12:20:10 UTC (rev 42850)
@@ -124,11 +124,8 @@
handleStyleClass="handleStyle" rangeStyleClass="rangeStyle"
trackStyleClass="trackStyle" trailerStyleClass="trailerStyle"
style="color:yellow" />
-<rich:panel id="dataFilterSliderWithDataTable">
- <f:facet name="header">
- <h:outputText value="Data Filter Slider" />
- </f:facet>
- <a4j:form id="form1" reRender="list-body"
ajaxSubmit="true"
+
+ <a4j:form id="dataFilterSliderWithDataTable" reRender="list-body"
ajaxSubmit="true"
ignoreDupResponses="true" requestDelay="100">
<a4j:region id="stat1">
<a4j:outputPanel id="slider-body">
@@ -189,6 +186,6 @@
</a4j:outputPanel>
</a4j:region>
</a4j:form>
-</rich:panel>
+
</body>
</html>
\ No newline at end of file
Modified:
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataFilterSlider.xhtml.xml
===================================================================
---
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataFilterSlider.xhtml.xml 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataFilterSlider.xhtml.xml 2012-08-03
12:20:10 UTC (rev 42850)
@@ -43,160 +43,148 @@
</DIV>
</test>
<test id="dataFilterSliderWithDataTable">
+ <DIV STYLE="-moz-user-modify: read-write;">
+ <DIV ID="stat1" STYLE="-moz-user-modify: read-write;">
+ <DIV ID="slider-body" STYLE="-moz-user-modify:
read-write;">
+ <DIV CLASS="slider-container rich-dataFilterSlider-container
evenRow">
+ <DIV CLASS="range rich-dataFilterSlider-range " STYLE="width:
459px;">
+ <DIV CLASS="range-decor rich-dataFilterSlider-range-decor">
+ <DIV CLASS="trailer rich-dataFilterSlider-trailer " STYLE="left:
-38px;">
+ <DIV CLASS="track rich-dataFilterSlider-track " STYLE="width:
200px;">
+ <DIV CLASS="handle rich-dataFilterSlider-handle " STYLE="left:
0px;">
+ <IMG WIDTH="7px" HEIGHT="8px" BORDER="0px"
+ SRC="/.*resources/dataFilterSlider/pos.gif/" />
- <DIV CLASS="dr-pnl rich-panel ">
- <DIV VPE-FACET="header" CLASS="dr-pnl-h rich-panel-header "
- STYLE="/background-image: url\(.*resources/common/background.gif\);/">
- <SPAN CLASS="vpe-text">
- Data Filter Slider
-</SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body ">
- <DIV ID="form1" STYLE="-moz-user-modify: read-write;">
- <DIV ID="stat1" STYLE="-moz-user-modify: read-write;">
- <DIV ID="slider-body" STYLE="-moz-user-modify:
read-write;">
- <DIV CLASS="slider-container rich-dataFilterSlider-container
evenRow">
- <DIV CLASS="range rich-dataFilterSlider-range " STYLE="width:
459px;">
- <DIV CLASS="range-decor rich-dataFilterSlider-range-decor">
- <DIV CLASS="trailer rich-dataFilterSlider-trailer "
STYLE="left: -38px;">
- <DIV CLASS="track rich-dataFilterSlider-track "
STYLE="width: 200px;">
- <DIV CLASS="handle rich-dataFilterSlider-handle "
STYLE="left: 0px;">
- <IMG WIDTH="7px" HEIGHT="8px" BORDER="0px"
- SRC="/.*resources/dataFilterSlider/pos.gif/" />
-
- </DIV>
- </DIV>
- </DIV>
</DIV>
</DIV>
- <INPUT TYPE="text"
- CLASS="slider-input-field rich-dataFilterSlider-input-field "
- VALUE="10000" />
- <BR STYLE="clear: both;" />
-
</DIV>
</DIV>
- <DIV ID="list-body" STYLE="-moz-user-modify:
read-write;">
- <TABLE STYLE="-moz-user-modify: read-only;">
- <TR>
- <TD>
- <DIV>
- <TABLE CLASS="list-table1" ROWCLASSES="list-row3">
- <TBODY>
- <TR>
- <TD STYLE="border: 0px hidden ; padding: 0px;">
- <TABLE WIDTH="100%" BORDER="0"
CLASS="list-table1">
- <TBODY>
- <TR CLASS="list-row3">
- <TD CLASS="evenRow">
- <A STYLE="-moz-user-modify: read-write;"
CLASS="">
- <SPAN CLASS="vpe-text">#{category}</SPAN>
- </A>
- </TD>
- </TR>
- </TBODY>
- <COLGROUP>
- <COL STYLE="-moz-user-modify: read-write;" />
+ </DIV>
+ <INPUT TYPE="text"
+ CLASS="slider-input-field rich-dataFilterSlider-input-field "
+ VALUE="10000" />
+ <BR STYLE="clear: both;" />
- </COLGROUP>
- </TABLE>
- </TD>
- </TR>
- </TBODY>
- </TABLE>
- </DIV>
- </TD>
- </TR>
- </TABLE>
- <TABLE STYLE="-moz-user-modify: read-only;">
- <TR>
- <TD>
- <DIV>
- <TABLE CLASS="list-table1" ROWCLASSES="list-row1,
list-row2">
- <TBODY>
- <TR>
- <TD STYLE="border: 0px hidden ; padding: 0px;">
- <TABLE WIDTH="100%" BORDER="0"
CLASS="list-table1">
- <THEAD>
- <TR>
- <TH CLASS="list-header">
- <SPAN>
- <SPAN CLASS="headerText">
- Make
-</SPAN>
- </SPAN>
- </TH>
- <TH CLASS="list-header">
- <SPAN>
- <SPAN CLASS="headerText">
- Model
-</SPAN>
- </SPAN>
- </TH>
- <TH CLASS="list-header">
- <SPAN>
- <SPAN CLASS="headerText">
- #{inventoryList.priceColumnName}
-</SPAN>
- </SPAN>
- </TH>
- <TH CLASS="list-header">
- <SPAN>
- <SPAN CLASS="headerText">
- #{inventoryList.mileageColumnName}
-</SPAN>
- </SPAN>
- </TH>
- </TR>
- </THEAD>
- <TBODY>
- <TR CLASS="list-row1">
- <TD CLASS="column">
- <SPAN CLASS="vpe-text">
- #{category.make}
-</SPAN>
- </TD>
- <TD CLASS="column">
- <SPAN CLASS="vpe-text">
- #{category.model}
-</SPAN>
- </TD>
- <TD CLASS="column">
- <SPAN CLASS="vpe-text">
- #{category.price}
-</SPAN>
- </TD>
- <TD CLASS="column">
- <SPAN CLASS="vpe-text">
- #{category.mileage}
-</SPAN>
- </TD>
- </TR>
- </TBODY>
- <COLGROUP>
- <COL STYLE="-moz-user-modify: read-write;" />
+ </DIV>
+ </DIV>
+ <DIV ID="list-body" STYLE="-moz-user-modify: read-write;">
+ <TABLE STYLE="-moz-user-modify: read-only;">
+ <TR>
+ <TD>
+ <DIV>
+ <TABLE CLASS="list-table1" ROWCLASSES="list-row3">
+ <TBODY>
+ <TR>
+ <TD STYLE="border: 0px hidden ; padding: 0px;">
+ <TABLE WIDTH="100%" BORDER="0"
CLASS="list-table1">
+ <TBODY>
+ <TR CLASS="list-row3">
+ <TD CLASS="evenRow">
+ <A STYLE="-moz-user-modify: read-write;"
CLASS="">
+ <SPAN CLASS="vpe-text">#{category}</SPAN>
+ </A>
+ </TD>
+ </TR>
+ </TBODY>
+ <COLGROUP>
+ <COL STYLE="-moz-user-modify: read-write;" />
- <COL STYLE="-moz-user-modify: read-write;" />
+ </COLGROUP>
+ </TABLE>
+ </TD>
+ </TR>
+ </TBODY>
+ </TABLE>
+ </DIV>
+ </TD>
+ </TR>
+ </TABLE>
+ <TABLE STYLE="-moz-user-modify: read-only;">
+ <TR>
+ <TD>
+ <DIV>
+ <TABLE CLASS="list-table1" ROWCLASSES="list-row1,
list-row2">
+ <TBODY>
+ <TR>
+ <TD STYLE="border: 0px hidden ; padding: 0px;">
+ <TABLE WIDTH="100%" BORDER="0"
CLASS="list-table1">
+ <THEAD>
+ <TR>
+ <TH CLASS="list-header">
+ <SPAN>
+ <SPAN CLASS="headerText">
+ Make
+ </SPAN>
+ </SPAN>
+ </TH>
+ <TH CLASS="list-header">
+ <SPAN>
+ <SPAN CLASS="headerText">
+ Model
+ </SPAN>
+ </SPAN>
+ </TH>
+ <TH CLASS="list-header">
+ <SPAN>
+ <SPAN CLASS="headerText">
+ #{inventoryList.priceColumnName}
+ </SPAN>
+ </SPAN>
+ </TH>
+ <TH CLASS="list-header">
+ <SPAN>
+ <SPAN CLASS="headerText">
+ #{inventoryList.mileageColumnName}
+ </SPAN>
+ </SPAN>
+ </TH>
+ </TR>
+ </THEAD>
+ <TBODY>
+ <TR CLASS="list-row1">
+ <TD CLASS="column">
+ <SPAN CLASS="vpe-text">
+ #{category.make}
+ </SPAN>
+ </TD>
+ <TD CLASS="column">
+ <SPAN CLASS="vpe-text">
+ #{category.model}
+ </SPAN>
+ </TD>
+ <TD CLASS="column">
+ <SPAN CLASS="vpe-text">
+ #{category.price}
+ </SPAN>
+ </TD>
+ <TD CLASS="column">
+ <SPAN CLASS="vpe-text">
+ #{category.mileage}
+ </SPAN>
+ </TD>
+ </TR>
+ </TBODY>
+ <COLGROUP>
+ <COL STYLE="-moz-user-modify: read-write;" />
- <COL STYLE="-moz-user-modify: read-write;" />
+ <COL STYLE="-moz-user-modify: read-write;" />
- <COL STYLE="-moz-user-modify: read-write;" />
+ <COL STYLE="-moz-user-modify: read-write;" />
- </COLGROUP>
- </TABLE>
- </TD>
- </TR>
- </TBODY>
- </TABLE>
- </DIV>
- </TD>
- </TR>
- </TABLE>
- </DIV>
- </DIV>
- </DIV>
+ <COL STYLE="-moz-user-modify: read-write;" />
+
+ </COLGROUP>
+ </TABLE>
+ </TD>
+ </TR>
+ </TBODY>
+ </TABLE>
+ </DIV>
+ </TD>
+ </TR>
+ </TABLE>
</DIV>
</DIV>
-
+ </DIV>
</test>
</tests>
\ No newline at end of file
Modified:
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataGrid.xhtml
===================================================================
---
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataGrid.xhtml 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataGrid.xhtml 2012-08-03
12:20:10 UTC (rev 42850)
@@ -14,34 +14,23 @@
<h:form>
<rich:dataGrid value="#{bean.dtList}" var="data"
columns="2"
elements="4" id="dataGrid">
- <rich:panel>
- <f:facet name="header">
- <h:outputText value="#{data.number}"></h:outputText>
- </f:facet>
- <h:outputText value="#{data.field1}" />
- </rich:panel>
+ <h:outputText value="#{data.field1}" />
</rich:dataGrid>
<rich:dataGrid value="#{bean.dtList}" var="data"
id="dataGrid2">
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
<h:outputText value="#{data.field1}" />
</rich:dataGrid>
- <rich:panel id="dataGrid3">
- <f:facet name="header">
- <h:outputText value="Data Grid and Data Scroller" />
- </f:facet>
+
<rich:dataGrid value="#{dataTableScrollerBean.allCars}"
var="car"
columns="3" elements="9" width="600px"
styleClass="btn"
align="center" bgcolor="color:red" border="15"
captionClass="btn"
- headerClass="evenRow" footerClass="oddRow">
+ headerClass="evenRow" footerClass="oddRow"
+ id="dataGrid3">
<f:facet name="header">
<h:outputText value="Header of Data Grid" />
</f:facet>
- <rich:panel bodyClass="pbody"
- style=" width : 270px; height : 180px;">
- <f:facet name="header">
- <h:outputText value="#{car.make}
#{car.model}"></h:outputText>
- </f:facet>
+
<h:panelGrid columns="2" rowClasses="evenRow, oddRow">
<h:outputText value="Price:"
styleClass="label"></h:outputText>
<h:outputText value="#{car.price}" />
@@ -52,13 +41,13 @@
<h:outputText value="Stock:"
styleClass="label"></h:outputText>
<h:outputText value="#{car.stock}" />
</h:panelGrid>
- </rich:panel>
+
<f:facet name="footer">
<rich:datascroller
style="text-align:center;
color:Orchid;font-style:italic;border-style:dotted;background-color:DarkViolet;border-color:Cornsilk;text-decoration:underline;font-family:Bodoni
MT Black;border-font-weight:bolder; width : 824px;
height:45"></rich:datascroller>
</f:facet>
</rich:dataGrid>
- </rich:panel>
+
</h:form>
</body>
</html>
\ No newline at end of file
Modified:
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataGrid.xhtml.xml
===================================================================
---
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataGrid.xhtml.xml 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataGrid.xhtml.xml 2012-08-03
12:20:10 UTC (rev 42850)
@@ -1,81 +1,39 @@
<tests>
<test id="dataGrid">
-
<TABLE VALUE="#{bean.dtList}" VAR="data" COLUMNS="2"
ELEMENTS="4"
- ID="dataGrid" CLASS="dr-table rich-table">
+ CLASS="dr-table rich-table">
<COLGROUP SPAN="2">
</COLGROUP>
<TBODY>
- <TR CLASS="dr-table-row rich-table-row">
- <TD CLASS="dr-table-cell rich-table-cell">
- <DIV CLASS="dr-pnl rich-panel">
- <DIV CLASS="dr-pnl-h rich-panel-header"
- STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
- <SPAN>
- #{data.number}
- </SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body">
- <SPAN>
- #{data.field1}
- </SPAN>
- </DIV>
- </DIV>
+ <TR CLASS="dr-table-row rich-table-row ">
+ <TD CLASS="dr-table-cell rich-table-cell ">
+ <SPAN CLASS="vpe-text">
+ #{data.field1}
+ </SPAN>
</TD>
- <TD CLASS="dr-table-cell rich-table-cell">
- <DIV CLASS="dr-pnl rich-panel">
- <DIV CLASS="dr-pnl-h rich-panel-header"
- STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
- <SPAN>
- #{data.number}
- </SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body">
- <SPAN>
- #{data.field1}
- </SPAN>
- </DIV>
- </DIV>
+ <TD CLASS="dr-table-cell rich-table-cell ">
+ <SPAN CLASS="vpe-text">
+ #{data.field1}
+ </SPAN>
</TD>
</TR>
- <TR CLASS="dr-table-row rich-table-row">
- <TD CLASS="dr-table-cell rich-table-cell">
- <DIV CLASS="dr-pnl rich-panel">
- <DIV CLASS="dr-pnl-h rich-panel-header"
- STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
- <SPAN>
- #{data.number}
- </SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body">
- <SPAN>
- #{data.field1}
- </SPAN>
- </DIV>
- </DIV>
+ <TR CLASS="dr-table-row rich-table-row ">
+ <TD CLASS="dr-table-cell rich-table-cell ">
+ <SPAN CLASS="vpe-text">
+ #{data.field1}
+ </SPAN>
</TD>
- <TD CLASS="dr-table-cell rich-table-cell">
- <DIV CLASS="dr-pnl rich-panel">
- <DIV CLASS="dr-pnl-h rich-panel-header"
- STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
- <SPAN>
- #{data.number}
- </SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body">
- <SPAN>
- #{data.field1}
- </SPAN>
- </DIV>
- </DIV>
+ <TD CLASS="dr-table-cell rich-table-cell ">
+ <SPAN CLASS="vpe-text">
+ #{data.field1}
+ </SPAN>
</TD>
</TR>
</TBODY>
</TABLE>
</test>
- <test id="dataGrid2">
-
+ <test id="dataGrid2">
<TABLE VALUE="#{bean.dtList}" VAR="data"
ID="dataGrid2"
CLASS="dr-table rich-table">
<COLGROUP SPAN="1">
@@ -114,40 +72,32 @@
</TBODY>
</TABLE>
</test>
+
<test id="dataGrid3">
- <DIV CLASS="dr-pnl rich-panel">
- <DIV CLASS="dr-pnl-h rich-panel-header"
- STYLE="/background-image: url\(.*resources/common/background.gif\);/">
- <SPAN CLASS="vpe-text">
- Data Grid and Data Scroller
- </SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body">
- <TABLE WIDTH="600px" BORDER="15" BGCOLOR="color:red"
ALIGN="center"
- VALUE="#{dataTableScrollerBean.allCars}" VAR="car"
COLUMNS="3"
- ELEMENTS="9" STYLECLASS="btn" CAPTIONCLASS="btn"
HEADERCLASS="evenRow"
- FOOTERCLASS="oddRow" CLASS="dr-table rich-table btn">
- <COLGROUP SPAN="3">
- </COLGROUP>
- <THEAD>
- <TR CLASS="dr-table-header rich-table-header evenRow"
- STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
- <TD CLASS="dr-table-headercell rich-table-headercell evenRow"
- COLSPAN="100" SCOPE="colgroup">
- <SPAN CLASS="vpe-text">
- Header of Data Grid
- </SPAN>
- </TD>
- </TR>
- </THEAD>
- <TFOOT>
- <TR CLASS="dr-table-footer rich-table-footer oddRow"
- STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
- <TD CLASS="dr-table-footercell rich-table-footercell oddRow"
- COLSPAN="100" SCOPE="colgroup">
- <DIV ALIGN="center" CLASS="rich-datascr"
- STYLE="border-style: dotted; border-color: Cornsilk; text-align: center;
color: Orchid; font-style: italic; background-color: DarkViolet; text-decoration:
underline; font-family: Bodoni MT Black; width: 824px;">
- <TABLE CELLSPACING="1" CELLPADDING="0"
BORDER="0"
+
+ <TABLE WIDTH="600px" BORDER="15" BGCOLOR="color:red"
ALIGN="center"
+ VALUE="#{dataTableScrollerBean.allCars}" VAR="car"
COLUMNS="3"
+ ELEMENTS="9" STYLECLASS="btn" CAPTIONCLASS="btn"
HEADERCLASS="evenRow"
+ FOOTERCLASS="oddRow" ID="dataGrid3" CLASS="dr-table
rich-table btn">
+ <COLGROUP SPAN="3">
+ </COLGROUP>
+ <THEAD>
+ <TR CLASS="dr-table-header rich-table-header evenRow "
STYLE="/background-image: url\(.*resources/common/background.gif\);/">
+ <TD CLASS="dr-table-headercell rich-table-headercell evenRow "
+ COLSPAN="100" SCOPE="colgroup">
+ <SPAN CLASS="vpe-text">
+ Header of Data Grid
+ </SPAN>
+ </TD>
+ </TR>
+ </THEAD>
+ <TFOOT>
+ <TR CLASS="dr-table-footer rich-table-footer oddRow "
STYLE="/background-image: url\(.*resources/common/background.gif\);/">
+ <TD CLASS="dr-table-footercell rich-table-footercell oddRow "
+ COLSPAN="100" SCOPE="colgroup">
+ <DIV ALIGN="center" CLASS="rich-datascr"
+ STYLE="text-align: center; color: Orchid; font-style: italic; border-style:
dotted; background-color: DarkViolet; border-color: Cornsilk; text-decoration: underline;
font-family: Bodoni MT Black; width: 824px;">
+ <TABLE CELLSPACING="1" CELLPADDING="0"
BORDER="0"
CLASS="rich-dtascroller-table">
<TBODY>
<TR>
@@ -200,596 +150,504 @@
</TR>
</TBODY>
</TABLE>
- </DIV>
- </TD>
- </TR>
- </TFOOT>
- <TBODY>
- <TR CLASS="dr-table-row rich-table-row">
- <TD CLASS="dr-table-cell rich-table-cell">
- <DIV CLASS="dr-pnl rich-panel" STYLE="width: 270px; height:
180px;">
- <DIV CLASS="dr-pnl-h rich-panel-header"
- STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
+ </DIV>
+ </TD>
+ </TR>
+ </TFOOT>
+ <TBODY>
+ <TR CLASS="dr-table-row rich-table-row ">
+ <TD CLASS="dr-table-cell rich-table-cell ">
+ <TABLE BORDER="0" STYLE="-moz-user-modify: read-write;">
+ <TBODY>
+ <TR CLASS="evenRow">
+ <TD>
+ <SPAN CLASS="label">
+ Price:
+ </SPAN>
+ </TD>
+ <TD>
<SPAN CLASS="vpe-text">
- #{car.make} #{car.model}
+ #{car.price}
</SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body pbody">
- <TABLE BORDER="0" STYLE="-moz-user-modify:
read-write;">
- <TBODY>
- <TR CLASS="evenRow">
- <TD>
- <SPAN CLASS="label">
- Price:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.price}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="oddRow">
- <TD>
- <SPAN CLASS="label">
- Mileage:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.mileage}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="evenRow">
- <TD>
- <SPAN CLASS="label">
- VIN:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.vin}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="oddRow">
- <TD>
- <SPAN CLASS="label">
- Stock:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.stock}
- </SPAN>
- </TD>
- </TR>
- </TBODY>
- </TABLE>
- </DIV>
- </DIV>
- </TD>
- <TD CLASS="dr-table-cell rich-table-cell">
- <DIV CLASS="dr-pnl rich-panel" STYLE="width: 270px; height:
180px;">
- <DIV CLASS="dr-pnl-h rich-panel-header"
- STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
+ </TD>
+ </TR>
+ <TR CLASS="oddRow">
+ <TD>
+ <SPAN CLASS="label">
+ Mileage:
+ </SPAN>
+ </TD>
+ <TD>
<SPAN CLASS="vpe-text">
- #{car.make} #{car.model}
+ #{car.mileage}
</SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body pbody">
- <TABLE BORDER="0" STYLE="-moz-user-modify:
read-write;">
- <TBODY>
- <TR CLASS="evenRow">
- <TD>
- <SPAN CLASS="label">
- Price:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.price}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="oddRow">
- <TD>
- <SPAN CLASS="label">
- Mileage:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.mileage}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="evenRow">
- <TD>
- <SPAN CLASS="label">
- VIN:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.vin}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="oddRow">
- <TD>
- <SPAN CLASS="label">
- Stock:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.stock}
- </SPAN>
- </TD>
- </TR>
- </TBODY>
- </TABLE>
- </DIV>
- </DIV>
- </TD>
- <TD CLASS="dr-table-cell rich-table-cell">
- <DIV CLASS="dr-pnl rich-panel" STYLE="width: 270px; height:
180px;">
- <DIV CLASS="dr-pnl-h rich-panel-header"
- STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
+ </TD>
+ </TR>
+ <TR CLASS="evenRow">
+ <TD>
+ <SPAN CLASS="label">
+ VIN:
+ </SPAN>
+ </TD>
+ <TD>
<SPAN CLASS="vpe-text">
- #{car.make} #{car.model}
+ #{car.vin}
</SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body pbody">
- <TABLE BORDER="0" STYLE="-moz-user-modify:
read-write;">
- <TBODY>
- <TR CLASS="evenRow">
- <TD>
- <SPAN CLASS="label">
- Price:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.price}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="oddRow">
- <TD>
- <SPAN CLASS="label">
- Mileage:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.mileage}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="evenRow">
- <TD>
- <SPAN CLASS="label">
- VIN:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.vin}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="oddRow">
- <TD>
- <SPAN CLASS="label">
- Stock:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.stock}
- </SPAN>
- </TD>
- </TR>
- </TBODY>
- </TABLE>
- </DIV>
- </DIV>
- </TD>
- </TR>
- <TR CLASS="dr-table-row rich-table-row">
- <TD CLASS="dr-table-cell rich-table-cell">
- <DIV CLASS="dr-pnl rich-panel" STYLE="width: 270px; height:
180px;">
- <DIV CLASS="dr-pnl-h rich-panel-header"
- STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
+ </TD>
+ </TR>
+ <TR CLASS="oddRow">
+ <TD>
+ <SPAN CLASS="label">
+ Stock:
+ </SPAN>
+ </TD>
+ <TD>
<SPAN CLASS="vpe-text">
- #{car.make} #{car.model}
+ #{car.stock}
</SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body pbody">
- <TABLE BORDER="0" STYLE="-moz-user-modify:
read-write;">
- <TBODY>
- <TR CLASS="evenRow">
- <TD>
- <SPAN CLASS="label">
- Price:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.price}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="oddRow">
- <TD>
- <SPAN CLASS="label">
- Mileage:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.mileage}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="evenRow">
- <TD>
- <SPAN CLASS="label">
- VIN:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.vin}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="oddRow">
- <TD>
- <SPAN CLASS="label">
- Stock:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.stock}
- </SPAN>
- </TD>
- </TR>
- </TBODY>
- </TABLE>
- </DIV>
- </DIV>
- </TD>
- <TD CLASS="dr-table-cell rich-table-cell">
- <DIV CLASS="dr-pnl rich-panel" STYLE="width: 270px; height:
180px;">
- <DIV CLASS="dr-pnl-h rich-panel-header"
- STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
+ </TD>
+ </TR>
+ </TBODY>
+ </TABLE>
+ </TD>
+ <TD CLASS="dr-table-cell rich-table-cell ">
+ <TABLE BORDER="0" STYLE="-moz-user-modify: read-write;">
+ <TBODY>
+ <TR CLASS="evenRow">
+ <TD>
+ <SPAN CLASS="label">
+ Price:
+ </SPAN>
+ </TD>
+ <TD>
<SPAN CLASS="vpe-text">
- #{car.make} #{car.model}
+ #{car.price}
</SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body pbody">
- <TABLE BORDER="0" STYLE="-moz-user-modify:
read-write;">
- <TBODY>
- <TR CLASS="evenRow">
- <TD>
- <SPAN CLASS="label">
- Price:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.price}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="oddRow">
- <TD>
- <SPAN CLASS="label">
- Mileage:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.mileage}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="evenRow">
- <TD>
- <SPAN CLASS="label">
- VIN:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.vin}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="oddRow">
- <TD>
- <SPAN CLASS="label">
- Stock:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.stock}
- </SPAN>
- </TD>
- </TR>
- </TBODY>
- </TABLE>
- </DIV>
- </DIV>
- </TD>
- <TD CLASS="dr-table-cell rich-table-cell">
- <DIV CLASS="dr-pnl rich-panel" STYLE="width: 270px; height:
180px;">
- <DIV CLASS="dr-pnl-h rich-panel-header"
- STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
+ </TD>
+ </TR>
+ <TR CLASS="oddRow">
+ <TD>
+ <SPAN CLASS="label">
+ Mileage:
+ </SPAN>
+ </TD>
+ <TD>
<SPAN CLASS="vpe-text">
- #{car.make} #{car.model}
+ #{car.mileage}
</SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body pbody">
- <TABLE BORDER="0" STYLE="-moz-user-modify:
read-write;">
- <TBODY>
- <TR CLASS="evenRow">
- <TD>
- <SPAN CLASS="label">
- Price:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.price}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="oddRow">
- <TD>
- <SPAN CLASS="label">
- Mileage:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.mileage}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="evenRow">
- <TD>
- <SPAN CLASS="label">
- VIN:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.vin}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="oddRow">
- <TD>
- <SPAN CLASS="label">
- Stock:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.stock}
- </SPAN>
- </TD>
- </TR>
- </TBODY>
- </TABLE>
- </DIV>
- </DIV>
- </TD>
- </TR>
- <TR CLASS="dr-table-row rich-table-row">
- <TD CLASS="dr-table-cell rich-table-cell">
- <DIV CLASS="dr-pnl rich-panel" STYLE="width: 270px; height:
180px;">
- <DIV CLASS="dr-pnl-h rich-panel-header"
- STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
+ </TD>
+ </TR>
+ <TR CLASS="evenRow">
+ <TD>
+ <SPAN CLASS="label">
+ VIN:
+ </SPAN>
+ </TD>
+ <TD>
<SPAN CLASS="vpe-text">
- #{car.make} #{car.model}
+ #{car.vin}
</SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body pbody">
- <TABLE BORDER="0" STYLE="-moz-user-modify:
read-write;">
- <TBODY>
- <TR CLASS="evenRow">
- <TD>
- <SPAN CLASS="label">
- Price:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.price}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="oddRow">
- <TD>
- <SPAN CLASS="label">
- Mileage:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.mileage}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="evenRow">
- <TD>
- <SPAN CLASS="label">
- VIN:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.vin}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="oddRow">
- <TD>
- <SPAN CLASS="label">
- Stock:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.stock}
- </SPAN>
- </TD>
- </TR>
- </TBODY>
- </TABLE>
- </DIV>
- </DIV>
- </TD>
- <TD CLASS="dr-table-cell rich-table-cell">
- <DIV CLASS="dr-pnl rich-panel" STYLE="width: 270px; height:
180px;">
- <DIV CLASS="dr-pnl-h rich-panel-header"
- STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
+ </TD>
+ </TR>
+ <TR CLASS="oddRow">
+ <TD>
+ <SPAN CLASS="label">
+ Stock:
+ </SPAN>
+ </TD>
+ <TD>
<SPAN CLASS="vpe-text">
- #{car.make} #{car.model}
+ #{car.stock}
</SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body pbody">
- <TABLE BORDER="0" STYLE="-moz-user-modify:
read-write;">
- <TBODY>
- <TR CLASS="evenRow">
- <TD>
- <SPAN CLASS="label">
- Price:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.price}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="oddRow">
- <TD>
- <SPAN CLASS="label">
- Mileage:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.mileage}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="evenRow">
- <TD>
- <SPAN CLASS="label">
- VIN:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.vin}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="oddRow">
- <TD>
- <SPAN CLASS="label">
- Stock:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.stock}
- </SPAN>
- </TD>
- </TR>
- </TBODY>
- </TABLE>
- </DIV>
- </DIV>
- </TD>
- <TD CLASS="dr-table-cell rich-table-cell">
- <DIV CLASS="dr-pnl rich-panel" STYLE="width: 270px; height:
180px;">
- <DIV CLASS="dr-pnl-h rich-panel-header"
- STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
+ </TD>
+ </TR>
+ </TBODY>
+ </TABLE>
+ </TD>
+ <TD CLASS="dr-table-cell rich-table-cell ">
+ <TABLE BORDER="0" STYLE="-moz-user-modify: read-write;">
+ <TBODY>
+ <TR CLASS="evenRow">
+ <TD>
+ <SPAN CLASS="label">
+ Price:
+ </SPAN>
+ </TD>
+ <TD>
<SPAN CLASS="vpe-text">
- #{car.make} #{car.model}
+ #{car.price}
</SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body pbody">
- <TABLE BORDER="0" STYLE="-moz-user-modify:
read-write;">
- <TBODY>
- <TR CLASS="evenRow">
- <TD>
- <SPAN CLASS="label">
- Price:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.price}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="oddRow">
- <TD>
- <SPAN CLASS="label">
- Mileage:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.mileage}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="evenRow">
- <TD>
- <SPAN CLASS="label">
- VIN:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.vin}
- </SPAN>
- </TD>
- </TR>
- <TR CLASS="oddRow">
- <TD>
- <SPAN CLASS="label">
- Stock:
- </SPAN>
- </TD>
- <TD>
- <SPAN CLASS="vpe-text">
- #{car.stock}
- </SPAN>
- </TD>
- </TR>
- </TBODY>
- </TABLE>
- </DIV>
- </DIV>
- </TD>
- </TR>
- </TBODY>
- </TABLE>
- </DIV>
- </DIV>
+ </TD>
+ </TR>
+ <TR CLASS="oddRow">
+ <TD>
+ <SPAN CLASS="label">
+ Mileage:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.mileage}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="evenRow">
+ <TD>
+ <SPAN CLASS="label">
+ VIN:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.vin}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="oddRow">
+ <TD>
+ <SPAN CLASS="label">
+ Stock:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.stock}
+ </SPAN>
+ </TD>
+ </TR>
+ </TBODY>
+ </TABLE>
+ </TD>
+ </TR>
+ <TR CLASS="dr-table-row rich-table-row ">
+ <TD CLASS="dr-table-cell rich-table-cell ">
+ <TABLE BORDER="0" STYLE="-moz-user-modify: read-write;">
+ <TBODY>
+ <TR CLASS="evenRow">
+ <TD>
+ <SPAN CLASS="label">
+ Price:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.price}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="oddRow">
+ <TD>
+ <SPAN CLASS="label">
+ Mileage:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.mileage}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="evenRow">
+ <TD>
+ <SPAN CLASS="label">
+ VIN:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.vin}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="oddRow">
+ <TD>
+ <SPAN CLASS="label">
+ Stock:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.stock}
+ </SPAN>
+ </TD>
+ </TR>
+ </TBODY>
+ </TABLE>
+ </TD>
+ <TD CLASS="dr-table-cell rich-table-cell ">
+ <TABLE BORDER="0" STYLE="-moz-user-modify: read-write;">
+ <TBODY>
+ <TR CLASS="evenRow">
+ <TD>
+ <SPAN CLASS="label">
+ Price:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.price}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="oddRow">
+ <TD>
+ <SPAN CLASS="label">
+ Mileage:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.mileage}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="evenRow">
+ <TD>
+ <SPAN CLASS="label">
+ VIN:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.vin}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="oddRow">
+ <TD>
+ <SPAN CLASS="label">
+ Stock:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.stock}
+ </SPAN>
+ </TD>
+ </TR>
+ </TBODY>
+ </TABLE>
+ </TD>
+ <TD CLASS="dr-table-cell rich-table-cell ">
+ <TABLE BORDER="0" STYLE="-moz-user-modify: read-write;">
+ <TBODY>
+ <TR CLASS="evenRow">
+ <TD>
+ <SPAN CLASS="label">
+ Price:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.price}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="oddRow">
+ <TD>
+ <SPAN CLASS="label">
+ Mileage:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.mileage}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="evenRow">
+ <TD>
+ <SPAN CLASS="label">
+ VIN:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.vin}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="oddRow">
+ <TD>
+ <SPAN CLASS="label">
+ Stock:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.stock}
+ </SPAN>
+ </TD>
+ </TR>
+ </TBODY>
+ </TABLE>
+ </TD>
+ </TR>
+ <TR CLASS="dr-table-row rich-table-row ">
+ <TD CLASS="dr-table-cell rich-table-cell ">
+ <TABLE BORDER="0" STYLE="-moz-user-modify: read-write;">
+ <TBODY>
+ <TR CLASS="evenRow">
+ <TD>
+ <SPAN CLASS="label">
+ Price:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.price}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="oddRow">
+ <TD>
+ <SPAN CLASS="label">
+ Mileage:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.mileage}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="evenRow">
+ <TD>
+ <SPAN CLASS="label">
+ VIN:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.vin}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="oddRow">
+ <TD>
+ <SPAN CLASS="label">
+ Stock:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.stock}
+ </SPAN>
+ </TD>
+ </TR>
+ </TBODY>
+ </TABLE>
+ </TD>
+ <TD CLASS="dr-table-cell rich-table-cell ">
+ <TABLE BORDER="0" STYLE="-moz-user-modify: read-write;">
+ <TBODY>
+ <TR CLASS="evenRow">
+ <TD>
+ <SPAN CLASS="label">
+ Price:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.price}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="oddRow">
+ <TD>
+ <SPAN CLASS="label">
+ Mileage:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.mileage}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="evenRow">
+ <TD>
+ <SPAN CLASS="label">
+ VIN:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.vin}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="oddRow">
+ <TD>
+ <SPAN CLASS="label">
+ Stock:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.stock}
+ </SPAN>
+ </TD>
+ </TR>
+ </TBODY>
+ </TABLE>
+ </TD>
+ <TD CLASS="dr-table-cell rich-table-cell ">
+ <TABLE BORDER="0" STYLE="-moz-user-modify: read-write;">
+ <TBODY>
+ <TR CLASS="evenRow">
+ <TD>
+ <SPAN CLASS="label">
+ Price:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.price}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="oddRow">
+ <TD>
+ <SPAN CLASS="label">
+ Mileage:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.mileage}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="evenRow">
+ <TD>
+ <SPAN CLASS="label">
+ VIN:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.vin}
+ </SPAN>
+ </TD>
+ </TR>
+ <TR CLASS="oddRow">
+ <TD>
+ <SPAN CLASS="label">
+ Stock:
+ </SPAN>
+ </TD>
+ <TD>
+ <SPAN CLASS="vpe-text">
+ #{car.stock}
+ </SPAN>
+ </TD>
+ </TR>
+ </TBODY>
+ </TABLE>
+ </TD>
+ </TR>
+ </TBODY>
+ </TABLE>
</test>
</tests>
\ No newline at end of file
Modified:
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataList.xhtml
===================================================================
---
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataList.xhtml 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataList.xhtml 2012-08-03
12:20:10 UTC (rev 42850)
@@ -12,7 +12,8 @@
<body>
<h1>dataList</h1>
-<rich:dataList var="data" value="#{bean.dtList}"
rows="4" id="dataList">
+<rich:dataList var="data" value="#{bean.dtList}"
rows="4"
+ id="dataList">
<h:outputText value="field1:"></h:outputText>
<h:outputText value="#{data.field1} " />
<h:outputText value="field2:"></h:outputText>
@@ -22,11 +23,8 @@
<h:outputText value="number:"></h:outputText>
<h:outputText value="#{data.number}" />
</rich:dataList>
-<rich:panel id="dataList2">
- <f:facet name="header">
- <h:outputText value="Data List" />
- </f:facet>
- <rich:dataList id="list" var="book"
value="#{bookList.bookList}"
+
+<rich:dataList id="list" var="book"
value="#{bookList.bookList}"
rows="3" rowClasses="evenRow, oddRow" title="Book Store"
styleClass="btn">
<h:outputText value="#{book.name}" />
@@ -38,6 +36,5 @@
<h:outputText value="#{book.numOfCopies} " />
<br />
</rich:dataList>
-</rich:panel>
</body>
</html>
\ No newline at end of file
Modified:
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataList.xhtml.xml
===================================================================
---
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataList.xhtml.xml 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataList.xhtml.xml 2012-08-03
12:20:10 UTC (rev 42850)
@@ -14,16 +14,8 @@
</LI>
</UL>
</test>
- <test id="dataList2">
- <DIV CLASS="dr-pnl rich-panel">
- <DIV CLASS="dr-pnl-h rich-panel-header"
- STYLE="/background-image: url\(.*resources/common/background.gif\);/">
- <SPAN CLASS="vpe-text">
- Data List
- </SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body">
- <UL ID="list" VAR="book"
VALUE="#{bookList.bookList}" ROWS="3"
+ <test id="list">
+ <UL VAR="book" VALUE="#{bookList.bookList}"
ROWS="3"
ROWCLASSES="evenRow, oddRow" STYLECLASS="btn"
CLASS="dr-list rich-datalist btn">
<LI CLASS="dr-list-item rich-list-item evenRow">
<SPAN CLASS="vpe-text">
@@ -49,7 +41,5 @@
</LI>
</UL>
- </DIV>
- </DIV>
</test>
</tests>
\ No newline at end of file
Modified:
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataTable&Spacer&DataScroller.xhtml
===================================================================
---
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataTable&Spacer&DataScroller.xhtml 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataTable&Spacer&DataScroller.xhtml 2012-08-03
12:20:10 UTC (rev 42850)
@@ -10,65 +10,17 @@
<link href="/WebContent/pages/components/main.css"
rel="stylesheet" type="text/css"/>
</head>
<body>
-<rich:panel style="width : 780px; height : 702px;"
id="dataTable">
- <f:facet name="header">
- <h:outputText value="Data Table & Spacer & DataScroller"
/>
- </f:facet>
- <rich:datascroller for="auction" maxPages="3"
align="right"
- boundaryControls="hide" styleClass="evenRow"
+ <rich:datascroller id="datascroller"
+ for="auction" maxPages="3" align="right"
boundaryControls="hide" styleClass="evenRow"
inactiveStyle="text-align:center;color:red;font-style:italic;border-style:none;background-color:green;text-decoration:overline;font-weight:bolder;"
selectedStyle="text-align:right;color:Navy;font-style:italic;background-color:PaleVioletRed;text-decoration:overline;font-weight:bolder;"
style="text-align:center;color:Orchid;font-style:italic;font-size:small;background-color:Turquoise;text-decoration:line-through;font-weight:bolder;"
/>
- <rich:spacer height="30" width="700"
- style="background-color:red; width : 748px;" styleClass="btn"
/>
- <rich:dataTable id="auction" value="#{auctionDataModel}"
- columnClasses="col1,col2,col3,col4" var="item" rows="10"
width="100%"
- columnsWidth="50" bgcolor="green" border="10"
headerClass="btn"
- footerClass="btn" sortMode="multi" style="color:red"
styleClass="btn">
- <f:facet name="header">
- <h:outputText value="Header of the table" />
- </f:facet>
- <f:facet name="footer">
- <h:outputText value="Footer of the table" />
- </f:facet>
- <rich:column sortBy="#{item.description}"
- sortIcon="/pages/images/icons/copy.gif">
- <f:facet name="header">
- <h:outputText value="Description" />
- </f:facet>
- <h:outputText value="#{item.description}" />
- </rich:column>
+
+ <rich:dataTable id="auction">
<rich:column>
- <f:facet name="header">
- <h:outputText value="Highest Bid" />
- </f:facet>
- <h:outputText id="highestBid" value="#{item.highestBid}">
- <f:convertNumber pattern="$#,##0.00" />
- </h:outputText>
- </rich:column>
- <rich:column>
- <f:facet name="header">
- <h:outputText value="Your Bid" />
- </f:facet>
-
- <rich:message for="bid" />
- <br />
- <h:inputText id="bid" value="#{item.bid}"
label="Bid">
- <f:validateDoubleRange minimum="0" maximum="1000000" />
- </h:inputText>
- <a4j:commandLink id="bid_link"
actionListener="#{item.placeBid}"
- value="Place a bid!" reRender="bid,amount,highestBid" />
-
- </rich:column>
- <rich:column>
- <f:facet name="header">
- <h:outputText value="Amount" />
- </f:facet>
- <h:outputText id="amount" value="#{item.amount}">
- <f:convertNumber pattern="$#,##0.00" />
- </h:outputText>
- </rich:column>
+ Col1
+ </rich:column>
</rich:dataTable>
-</rich:panel>
+
</body>
</html>
\ No newline at end of file
Modified:
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataTable&Spacer&DataScroller.xhtml.xml
===================================================================
---
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataTable&Spacer&DataScroller.xhtml.xml 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/dataTable&Spacer&DataScroller.xhtml.xml 2012-08-03
12:20:10 UTC (rev 42850)
@@ -1,14 +1,5 @@
<tests>
- <test id="dataTable">
-
- <DIV CLASS="dr-pnl rich-panel" STYLE="width: 780px; height:
702px;">
- <DIV CLASS="dr-pnl-h rich-panel-header"
- STYLE="/background-image: url\(.*resources/common/background.gif\);/">
- <SPAN CLASS="vpe-text">
- Data Table & Spacer & DataScroller
-</SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body">
+ <test id="datascroller">
<DIV ALIGN="right" CLASS="rich-datascr evenRow"
STYLE="text-align: center; color: Orchid; font-style: italic; font-size: small;
background-color: Turquoise; text-decoration: line-through; font-weight:
bolder;">
<TABLE CELLSPACING="1" CELLPADDING="0" BORDER="0"
@@ -39,114 +30,5 @@
</TBODY>
</TABLE>
</DIV>
- <IMG WIDTH="700" HEIGHT="30"
SRC="/.*resources/spacer/spacer.gif/"
- STYLE="background-color: red; width: 748px;" CLASS="rich-spacer
btn" />
-
- <TABLE WIDTH="100%" BORDER="10" BGCOLOR="green"
ID="auction"
- VALUE="#{auctionDataModel}" COLUMNCLASSES="col1,col2,col3,col4"
- VAR="item" ROWS="10" COLUMNSWIDTH="50"
HEADERCLASS="btn"
- FOOTERCLASS="btn" SORTMODE="multi" STYLE="color: red;"
STYLECLASS="btn"
- CLASS="dr-table rich-table btn">
- <COLGROUP SPAN="4">
- <COL WIDTH="50" />
-
- </COLGROUP>
- <THEAD>
- <TR CLASS="dr-table-header rich-table-header btn"
- STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
- <TD CLASS="dr-table-headercell rich-table-headercell btn"
- COLSPAN="100" SCOPE="colgroup">
- <SPAN CLASS="vpe-text">
- Header of the table
-</SPAN>
- </TD>
- </TR>
- <TR CLASS="dr-table-subheader rich-table-subheader btn">
- <TD CLASS="dr-table-subheadercell rich-table-subheadercell btn"
- SCOPE="col">
- <IMG SRC="/.*ve/unresolved_image.gif/" STYLE="vertical-align:
middle;" />
- <SPAN>
- <SPAN CLASS="vpe-text">
- Description
-</SPAN>
- </SPAN>
-
- </TD>
- <TD CLASS="dr-table-subheadercell rich-table-subheadercell btn"
- SCOPE="col">
- <SPAN>
- <SPAN CLASS="vpe-text">
- Highest Bid
-</SPAN>
- </SPAN>
- </TD>
- <TD CLASS="dr-table-subheadercell rich-table-subheadercell btn"
- SCOPE="col">
- <SPAN>
- <SPAN CLASS="vpe-text">
- Your Bid
-</SPAN>
- </SPAN>
- </TD>
- <TD CLASS="dr-table-subheadercell rich-table-subheadercell btn"
- SCOPE="col">
- <SPAN>
- <SPAN CLASS="vpe-text">
- Amount
-</SPAN>
- </SPAN>
- </TD>
- </TR>
- </THEAD>
- <TFOOT>
- <TR CLASS="dr-table-footer rich-table-footer btn"
- STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
- <TD CLASS="dr-table-footercell rich-table-footercell btn"
- COLSPAN="100" SCOPE="colgroup">
- <SPAN CLASS="vpe-text">
- Footer of the table
-</SPAN>
- </TD>
- </TR>
- </TFOOT>
- <TR CLASS="dr-table-firstrow rich-table-firstrow">
- <TD SORTBY="#{item.description}"
SORTICON="/pages/images/icons/copy.gif"
- CLASS="dr-table-cell rich-table-cell col1">
- <SPAN CLASS="vpe-text">
- #{item.description}
-</SPAN>
- </TD>
- <TD CLASS="dr-table-cell rich-table-cell col2">
- <SPAN>
- #{item.highestBid}
-</SPAN>
- </TD>
- <TD CLASS="dr-table-cell rich-table-cell col3">
- <SPAN>
- Validation message
- <BR VPE:PSEUDO-ELEMENT="yes"/>
-
- </SPAN>
- <BR STYLE="-moz-user-modify: read-write;" />
-
- <SPAN CLASS="vpe-text">
- <SPAN CLASS="vpe-text">
- </SPAN>
- <INPUT VALUE="#{item.bid}" />
-
- </SPAN>
- <A STYLE="-moz-user-modify: read-write;" CLASS="">
- <SPAN CLASS="vpe-text">Place a bid!</SPAN>
- </A>
- </TD>
- <TD CLASS="dr-table-cell rich-table-cell col4">
- <SPAN>
- #{item.amount}
-</SPAN>
- </TD>
- </TR>
- </TABLE>
- </DIV>
- </DIV>
</test>
</tests>
\ No newline at end of file
Modified:
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/panel.xhtml.xml
===================================================================
---
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/panel.xhtml.xml 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/panel.xhtml.xml 2012-08-03
12:20:10 UTC (rev 42850)
@@ -1,13 +1,12 @@
<tests>
<test id="panel">
- <DIV CLASS="dr-pnl rich-panel ">
- <DIV VPE-FACET="header" CLASS="dr-pnl-h rich-panel-header "
- STYLE="display: none;">
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body ">
+ <DIV CLASS="dr-pnl rich-panel">
+ <DIV VPE-FACET="header" CLASS="dr-pnl-h rich-panel-header"
>
<SPAN CLASS="vpe-text">
Panel Header
</SPAN>
+ </DIV>
+ <DIV CLASS="dr-pnl-b rich-panel-body">
<SPAN CLASS="vpe-text">
Panel Content
</SPAN>
Modified:
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/toolBar.xhtml
===================================================================
---
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/toolBar.xhtml 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/toolBar.xhtml 2012-08-03
12:20:10 UTC (rev 42850)
@@ -12,7 +12,8 @@
</head>
<body>
<f:view>
- <rich:toolBar id="toolBar" itemSeparator="line">
+<h1>************ id="toolBar1" ************</h1>
+ <rich:toolBar id="toolBar1" itemSeparator="line">
<rich:toolBarGroup>
<h:outputLabel value="Edit" for="edit" />
</rich:toolBarGroup>
@@ -27,12 +28,11 @@
<h:commandButton styleClass="barsearchbutton" value="Search"
/>
</rich:toolBarGroup>
</rich:toolBar>
- <rich:panel id="toolBar2">
- <f:facet name="header">
- <h:outputText value="Tool Bar & Tool Bar Group" />
- </f:facet>
- <rich:toolBar contentClass="btn" height="26"
itemSeparator="line"
- separatorClass="btn" styleClass="btn">
+
+ <h1>************ id="toolBar2" ************</h1>
+ <rich:toolBar id="toolBar2"
+ contentClass="btn" height="26" itemSeparator="line"
+ separatorClass="btn" styleClass="btn" id="toolBar2">
<rich:toolBarGroup
style="font-style:italic;background-color:Cornsilk;text-decoration:overline;font-family:Arial
Narrow;font-weight:bolder;"
width="500">
@@ -51,10 +51,12 @@
<h:graphicImage value="images/icons/filter.gif"
styleClass="pic" />
</rich:toolBarGroup>
</rich:toolBar>
+
+ <h1>************ id="toolBar3" ************</h1>
<h:form>
- <rich:toolBar height="34"
- contentStyle="color:PaleVioletRed;font-size:medium;font-style:italic;background-color:FloralWhite;font-family:Arial
TUR;font-weight:bolder;"
- itemSeparator="line" styleClass="evenRow"
separatorClass="btn">
+ <rich:toolBar id="toolBar3"
+ height="34" itemSeparator="line" styleClass="evenRow"
separatorClass="btn"
+ contentStyle="color:PaleVioletRed;font-size:medium;font-style:italic;background-color:FloralWhite;font-family:Arial
TUR;font-weight:bolder;">
<rich:toolBarGroup itemSeparator="grid">
<h:graphicImage id="edit" value="images/icons/edit.gif"
/>
<h:outputLabel value="Edit" for="edit" />
@@ -74,74 +76,9 @@
</rich:toolBarGroup>
</rich:toolBar>
</h:form>
- <h:form>
- <h:panelGrid columns="3" width="100%" cellpadding="0"
cellspacing="0"
- style="margin-bottom : 4px">
- <rich:panel bodyClass="rich-laguna-panel-no-header">
- <h:panelGrid columns="8">
- <h:outputText value="Group Separator:" />
- <a4j:commandLink value="Line" reRender="bar">
- <a4j:actionparam name="gs" value="line"
- assignTo="#{tbBean.groupSeparator}" />
- </a4j:commandLink>
-
- <a4j:commandLink value="Grid" reRender="bar">
- <a4j:actionparam name="gs" value="grid"
- assignTo="#{tbBean.groupSeparator}" />
- </a4j:commandLink>
-
- <a4j:commandLink value="Disc" reRender="bar">
- <a4j:actionparam name="gs" value="disc"
- assignTo="#{tbBean.groupSeparator}" />
- </a4j:commandLink>
-
- <a4j:commandLink value="Square" reRender="bar">
- <a4j:actionparam name="gs" value="square"
- assignTo="#{tbBean.groupSeparator}" />
- </a4j:commandLink>
-
- <a4j:commandLink value="None" reRender="bar">
- <a4j:actionparam name="gs" value="none"
- assignTo="#{tbBean.groupSeparator}" />
- </a4j:commandLink>
- </h:panelGrid>
- </rich:panel>
- <h:panelGroup style="padding-left : 4px">
- <br />
- </h:panelGroup>
- <rich:panel bodyClass="rich-laguna-panel-no-header">
- <h:panelGrid columns="8">
- <h:outputText value="Group Item Separator:" />
- <a4j:commandLink value="Line" reRender="bar">
- <a4j:actionparam name="gs" value="line"
- assignTo="#{tbBean.groupItemSeparator}" />
- </a4j:commandLink>
-
- <a4j:commandLink value="Grid" reRender="bar">
- <a4j:actionparam name="gs" value="grid"
- assignTo="#{tbBean.groupItemSeparator}" />
- </a4j:commandLink>
-
- <a4j:commandLink value="Disc" reRender="bar">
- <a4j:actionparam name="gs" value="disc"
- assignTo="#{tbBean.groupItemSeparator}" />
- </a4j:commandLink>
-
- <a4j:commandLink value="Square" reRender="bar">
- <a4j:actionparam name="gs" value="square"
- assignTo="#{tbBean.groupItemSeparator}" />
- </a4j:commandLink>
-
- <a4j:commandLink value="None" reRender="bar">
- <a4j:actionparam name="gs" value="none"
- assignTo="#{tbBean.groupItemSeparator}" />
- </a4j:commandLink>
- </h:panelGrid>
- </rich:panel>
- </h:panelGrid>
- </h:form>
-
- <rich:toolBar contentClass="btn"
+
+ <h1>************ id="toolBar4" ************</h1>
+ <rich:toolBar id="toolBar4" contentClass="btn"
contentStyle="color:PaleVioletRed;font-size:medium;font-style:italic;background-color:FloralWhite;font-family:Arial
TUR;font-weight:bolder;"
id="bar" height="30"
itemSeparator="#{tbBean.groupSeparator}"
style="color:Cornsilk;font-style:italic;background-color:Orchid;text-decoration:underline;font-family:Arial
Narrow,Bodoni MT;font-weight:bold;">
@@ -160,7 +97,7 @@
<h:outputText value="Group3.2"></h:outputText>
</rich:toolBarGroup>
</rich:toolBar>
- </rich:panel>
+
</f:view>
</body>
</html>
\ No newline at end of file
Modified:
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/toolBar.xhtml.xml
===================================================================
---
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/toolBar.xhtml.xml 2012-08-03
11:57:14 UTC (rev 42849)
+++
trunk/jsf/tests/org.jboss.tools.jsf.vpe.richfaces.test/resources/richFacesTest/WebContent/pages/components/toolBar.xhtml.xml 2012-08-03
12:20:10 UTC (rev 42850)
@@ -1,6 +1,6 @@
<tests>
- <test id="toolBar">
- <TABLE WIDTH="100%" CLASS="dr-toolbar-ext rich-toolbar"
+ <test id="toolBar1">
+ <TABLE WIDTH="100%" CLASS="dr-toolbar-ext rich-toolbar"
STYLE="/background-image: url\(.*resources/common/background.gif\);/">
<TBODY>
<TR VALIGN="middle">
@@ -69,15 +69,7 @@
</TABLE>
</test>
<test id="toolBar2">
- <DIV CLASS="dr-pnl rich-panel">
- <DIV CLASS="dr-pnl-h rich-panel-header"
- STYLE="/background-image: url\(.*resources/common/background.gif\);/">
- <SPAN CLASS="vpe-text">
- Tool Bar & Tool Bar Group
- </SPAN>
- </DIV>
- <DIV CLASS="dr-pnl-b rich-panel-body">
- <TABLE WIDTH="100%" HEIGHT="26" CLASS="dr-toolbar-ext
rich-toolbar btn"
+ <TABLE WIDTH="100%" HEIGHT="26" CLASS="dr-toolbar-ext
rich-toolbar btn"
STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
<TBODY>
<TR VALIGN="middle">
@@ -169,8 +161,9 @@
</TR>
</TBODY>
</TABLE>
- <FORM STYLE="border: 1px dotted rgb(255, 102, 0); padding: 5px;">
- <TABLE WIDTH="100%" HEIGHT="34"
+ </test>
+ <test id="toolBar3">
+ <TABLE WIDTH="100%" HEIGHT="34"
CLASS="dr-toolbar-ext rich-toolbar evenRow"
STYLE="/background-image:
url\(.*resources/common/background.gif\);/">
<TBODY>
@@ -285,107 +278,9 @@
</TR>
</TBODY>
</TABLE>
- </FORM>
- <FORM STYLE="border: 1px dotted rgb(255, 102, 0); padding: 5px;">
- <TABLE WIDTH="100%" CELLSPACING="0" CELLPADDING="0"
BORDER="0"
- STYLE="margin-bottom: 4px; -moz-user-modify: read-write;">
- <TBODY>
- <TR>
- <TD>
- <DIV CLASS="dr-pnl rich-panel">
- <DIV CLASS="dr-pnl-b rich-panel-body
rich-laguna-panel-no-header">
- <TABLE BORDER="0" STYLE="-moz-user-modify:
read-write;">
- <TBODY>
- <TR>
- <TD>
- <SPAN CLASS="vpe-text">
- Group Separator:
- </SPAN>
- </TD>
- <TD>
- <A STYLE="-moz-user-modify: read-write;"
CLASS="">
- <SPAN CLASS="vpe-text">Line</SPAN>
- </A>
- </TD>
- <TD>
- <A STYLE="-moz-user-modify: read-write;"
CLASS="">
- <SPAN CLASS="vpe-text">Grid</SPAN>
- </A>
- </TD>
- <TD>
- <A STYLE="-moz-user-modify: read-write;"
CLASS="">
- <SPAN CLASS="vpe-text">Disc</SPAN>
- </A>
- </TD>
- <TD>
- <A STYLE="-moz-user-modify: read-write;"
CLASS="">
- <SPAN CLASS="vpe-text">Square</SPAN>
- </A>
- </TD>
- <TD>
- <A STYLE="-moz-user-modify: read-write;"
CLASS="">
- <SPAN CLASS="vpe-text">None</SPAN>
- </A>
- </TD>
- </TR>
- </TBODY>
- </TABLE>
- </DIV>
- </DIV>
- </TD>
- <TD>
- <SPAN STYLE="padding-left: 4px; -moz-user-modify: read-write;">
- <BR STYLE="-moz-user-modify: read-write;" />
-
- </SPAN>
- </TD>
- <TD>
- <DIV CLASS="dr-pnl rich-panel">
- <DIV CLASS="dr-pnl-b rich-panel-body
rich-laguna-panel-no-header">
- <TABLE BORDER="0" STYLE="-moz-user-modify:
read-write;">
- <TBODY>
- <TR>
- <TD>
- <SPAN CLASS="vpe-text">
- Group Item Separator:
- </SPAN>
- </TD>
- <TD>
- <A STYLE="-moz-user-modify: read-write;"
CLASS="">
- <SPAN CLASS="vpe-text">Line</SPAN>
- </A>
- </TD>
- <TD>
- <A STYLE="-moz-user-modify: read-write;"
CLASS="">
- <SPAN CLASS="vpe-text">Grid</SPAN>
- </A>
- </TD>
- <TD>
- <A STYLE="-moz-user-modify: read-write;"
CLASS="">
- <SPAN CLASS="vpe-text">Disc</SPAN>
- </A>
- </TD>
- <TD>
- <A STYLE="-moz-user-modify: read-write;"
CLASS="">
- <SPAN CLASS="vpe-text">Square</SPAN>
- </A>
- </TD>
- <TD>
- <A STYLE="-moz-user-modify: read-write;"
CLASS="">
- <SPAN CLASS="vpe-text">None</SPAN>
- </A>
- </TD>
- </TR>
- </TBODY>
- </TABLE>
- </DIV>
- </DIV>
- </TD>
- </TR>
- </TBODY>
- </TABLE>
- </FORM>
- <TABLE WIDTH="100%" HEIGHT="30" CLASS="dr-toolbar-ext
rich-toolbar"
+ </test>
+ <test id="toolBar4">
+ <TABLE WIDTH="100%" HEIGHT="30" CLASS="dr-toolbar-ext
rich-toolbar"
STYLE="/background-image: url\(.*resources/common/background.gif\); color:
Cornsilk; font-style: italic; background-color: Orchid; text-decoration: underline;
font-family: Arial Narrow,Bodoni MT; font-weight: bold;/">
<TBODY>
<TR VALIGN="middle">
@@ -468,7 +363,5 @@
</TR>
</TBODY>
</TABLE>
- </DIV>
- </DIV>
</test>
</tests>
\ No newline at end of file
Added:
trunk/vpe/tests/org.jboss.tools.vpe.ui.test/resources/TestProject/WebContent/pages/facets.jsp
===================================================================
---
trunk/vpe/tests/org.jboss.tools.vpe.ui.test/resources/TestProject/WebContent/pages/facets.jsp
(rev 0)
+++
trunk/vpe/tests/org.jboss.tools.vpe.ui.test/resources/TestProject/WebContent/pages/facets.jsp 2012-08-03
12:20:10 UTC (rev 42850)
@@ -0,0 +1,1308 @@
+<%@ taglib
uri="http://java.sun.com/jsf/html" prefix="h"%>
+<%@ taglib
uri="http://java.sun.com/jsf/core" prefix="f"%>
+<%@ taglib
uri="http://richfaces.org/rich" prefix="rich"%>
+
+<html>
+<head>
+<title></title>
+<link href="/css/main.css" rel="stylesheet"
type="text/css" />
+<style type="text/css">
+h1 {
+ background-color: white;
+}
+
+.label {
+ font-weight: bold;
+}
+
+.whiteLine {
+ background-color: white;
+ border: 1px solid black;
+}
+
+.panel {
+ background-color: SteelBlue;
+ border: 1px solid black;
+ vertical-align: top;
+}
+
+.goldPanel {
+ background-color: gold;
+ border: 1px solid black;
+}
+
+.greenPanel {
+ background-color: forestGreen;
+ border: 1px solid black;
+}
+
+.indianRedPanel {
+ background-color: IndianRed;
+ border: 1px solid black;
+}
+
+.thistlePanel {
+ background-color: thistle;
+ border: 1px solid black;
+}
+
+.orangePanel {
+ background-color: orange;
+ border: 1px solid black;
+}
+
+.darkBluePanel {
+ background-color: DarkSlateBlue;
+ border: 1px solid black;
+}
+
+.darkVioletPanel {
+ background-color: DarkViolet;
+ border: 1px solid black;
+}
+</style>
+</head>
+<body>
+<f:view>
+ <h1>1) h:panelGrid</h1>
+
+ <h:panelGrid columns="2" styleClass="panel">
+ <h:panelGrid columns="2" border="5" width="150"
rules="all"
+ frame="above" cellpadding="4" cellspacing="6"
bgcolor="silver"
+ style="COLOR: #ff0080; BACKGROUND-COLOR: #ffff00; TEXT-DECORATION: underline;
FONT-STYLE: italic; FONT-WEIGHT: bold; FONT-SIZE: medium; FONT-FAMILY: 'Arial
Black';"
+ styleClass="goldPanel" captionClass="myStyle0"
columnClasses=""
+ rowClasses="" headerClass="" footerClass="">
+ <f:facet name="footer">
+ <h:commandButton value="CB">CB</h:commandButton>
+ <p>part 111</p>
+ <p>part 222</p>
+ <input type="button" value="Input Button">Input
Button</input>
+ Just Text
+ </f:facet>
+ <h:outputText value="begin" />
+
+ </h:panelGrid>
+ <h:panelGrid columns="2" border="5" width="150"
rules="all"
+ frame="above" cellpadding="4" cellspacing="6"
bgcolor="silver"
+ style="COLOR: #ff0080; BACKGROUND-COLOR: green; TEXT-DECORATION: underline;
FONT-STYLE: italic; FONT-WEIGHT: bold; FONT-SIZE: small; FONT-FAMILY: 'Arial
Black';"
+ styleClass="greenPanel" captionClass="myStyle0"
columnClasses=""
+ rowClasses="" headerClass="" footerClass="">
+ <f:facet name="footer">
+ <p>part 111</p>
+ <p>part 222</p>
+ <input type="button" value="Input Button">Input
Button</input>
+ Just Text
+ </f:facet>
+ <h:outputText value="begin" />
+ </h:panelGrid>
+ </h:panelGrid>
+
+ <h1>2) h:dataTable</h1>
+
+<h:dataTable border="1">
+ <f:facet name="header">
+<h:outputText value="AAAAAAA" />
+HHHHHHH1111Text111111
+<h:outputText value="BBBBBBBBBBBBBBB" />
+HHHHHHH222Text2222222
+</f:facet>
+</h:dataTable>
+
+ <h:panelGrid columns="4" border="1"
styleClass="panel">
+ <h:panelGroup>
+ <h:outputText styleClass="whiteLine"> Correct table
</h:outputText>
+ <h:dataTable value="#{user.list}" var="item"
styleClass="goldPanel">
+ <f:facet name="header">
+ <h:outputText>Header</h:outputText>
+ </f:facet>
+ <f:facet name="footer">
+ <h:outputText>Footer</h:outputText>
+ </f:facet>
+ <f:facet name="caption">
+ <h:outputText>Caption</h:outputText>
+ </f:facet>
+ <h:column>
+ <h:outputText>Column 1</h:outputText>
+ </h:column>
+ </h:dataTable>
+ </h:panelGroup>
+
+ <h:panelGroup>
+ <h:outputText styleClass="whiteLine">
+ Plain HTML in facets with JSF tags
+ <p></p>
+ And plus the second jsf components in facets
+ </h:outputText>
+ <h:dataTable value="#{user.list}" var="item"
border="1"
+ styleClass="greenPanel">
+ <f:facet name="header">
+ <h:outputText>Header</h:outputText>
+ <h:outputText>Header2</h:outputText>
+ <p>Part 111</p>
+ Some HTML text
+ </f:facet>
+ <f:facet name="footer">
+ <h:outputText>Footer</h:outputText>
+ <h:outputText>Footer2</h:outputText>
+ <p>Part 111</p>
+ Some HTML text
+ </f:facet>
+ <f:facet name="caption">
+ <h:outputText>Caption</h:outputText>
+ <p>Part 111</p>
+ Some HTML text
+ </f:facet>
+ </h:dataTable>
+ </h:panelGroup>
+
+ <h:panelGroup>
+ <h:outputText styleClass="whiteLine"> Only plain HTML in Caption
</h:outputText>
+ <h:dataTable value="#{user.list}" var="item"
border="1"
+ styleClass="indianRedPanel">
+ <f:facet name="header">
+ <h:outputText>Header1</h:outputText>
+ <h:outputText>Header2</h:outputText>
+ <h:outputText>Header3</h:outputText>
+ </f:facet>
+ <f:facet name="footer">
+ <h:outputText>Footer1</h:outputText>
+ <h:outputText>Footer2</h:outputText>
+ <h:outputText>Footer3</h:outputText>
+ </f:facet>
+ <f:facet name="caption">
+ <p>Part 111</p>
+ Some HTML text
+ </f:facet>
+ <h:column>
+ <h:outputText>Column 1</h:outputText>
+ </h:column>
+ <h:column>
+ <h:outputText>Column 2</h:outputText>
+ </h:column>
+ <h:column>
+ <h:outputText>Column 3</h:outputText>
+ </h:column>
+ </h:dataTable>
+ </h:panelGroup>
+
+ <h:panelGroup>
+ <h:outputText styleClass="whiteLine"> Only plain HTML in facets and
columns </h:outputText>
+ <h:dataTable value="#{user.list}" var="item"
+ styleClass="thistlePanel">
+ <f:facet name="header">
+ <p>Part 111</p>
+ Some HTML text
+ </f:facet>
+ <f:facet name="footer">
+ <p>Part 111</p>
+ Some HTML text
+ </f:facet>
+ <f:facet name="caption">
+ <p>Part 111</p>
+ Some HTML text
+ </f:facet>
+ <h:column>
+ <h:outputText>Column 1</h:outputText>
+ </h:column>
+ <h:column>
+ <h:outputText>Column 2</h:outputText>
+ </h:column>
+ <h:column>
+ <h:outputText>Column 3</h:outputText>
+ </h:column>
+ </h:dataTable>
+ </h:panelGroup>
+
+ </h:panelGrid>
+
+ <h1>3) h:column</h1>
+ <h:outputText> Correct table </h:outputText>
+ <h:dataTable value="#{user.list}" var="item"
styleClass="panel"
+ columnClasses="goldPanel">
+ <f:facet name="header">
+ <h:outputText>Table Header</h:outputText>
+ </f:facet>
+ <f:facet name="footer">
+ <h:outputText>Table Footer</h:outputText>
+ </f:facet>
+ <f:facet name="caption">
+ <h:outputText styleClass="whiteLine">Table
Caption</h:outputText>
+ </f:facet>
+ <h:column footerClass="greenPanel" headerClass="greenPanel">
+ <f:facet name="header">
+ <h:outputText>Col 1 header1</h:outputText>
+ <h:outputText>Col 1 header2</h:outputText>
+ <h:outputText>Col 1 header3</h:outputText>
+ <span>COL1HEAD</span> C1HText
+ </f:facet>
+ <f:facet name="footer">
+ <h:outputText>Col 1 footer1</h:outputText>
+ <h:outputText>Col 1 footer2</h:outputText>
+ <h:outputText>Col 1 footer3</h:outputText>
+ <span>COL1FOOT</span> C1FText
+ </f:facet>
+ <h:outputText>[Column 1] </h:outputText>
+ <h:outputText value="#{item}" />
+ </h:column>
+ <h:column footerClass="indianRedPanel"
headerClass="indianRedPanel">
+ <f:facet name="header">
+ <span>COL2HEAD</span> C2FHead
+ </f:facet>
+ <f:facet name="footer">
+ <span>COL2FOOT</span> C2FText
+ </f:facet>
+ <h:outputText>[Column 2] </h:outputText>
+ <h:outputText value="#{item}" />
+ </h:column>
+ <h:column footerClass="thistlePanel"
headerClass="thistlePanel">
+ <f:facet name="header">
+ <f:facet name="header">
+ <span>COL3HEAD</span> C3FHead
+ </f:facet>
+ </f:facet>
+ <f:facet name="footer">
+ <h:outputText>Col 3 footer</h:outputText>
+ </f:facet>
+ <h:outputText>[Column 3] </h:outputText>
+ <h:outputText value="#{item}" />
+ </h:column>
+ </h:dataTable>
+
+ <h1>4) rich:panel</h1>
+ <rich:panel>
+ <f:facet name="header">
+ PHead111
+ <h:outputText>PanelHeader1</h:outputText>
+ <h:outputText>PanelHeader2</h:outputText>
+ <h:outputText>PanelHeader3</h:outputText>
+ <span>P1Head</span> PHead
+ </f:facet>
+ <f:facet name="footer">
+ <h:outputText>Col 1 footer3</h:outputText>
+ <span>COL1FOOT</span> C1FText
+ FooterFacet
+ </f:facet>
+ Panel Content
+ </rich:panel>
+
+ <h1>5) rich:simpleTogglePanel</h1>
+ <rich:simpleTogglePanel id="simpleTogglePanel"
switchType="client"
+ label="STP LABEL">
+ <f:facet name="header">
+ STPHead111
+ <h:outputText>STPHeader1</h:outputText>
+ <h:outputText>STPHeader2</h:outputText>
+ <h:outputText>STPHeader3</h:outputText>
+ <span>STP1Head</span> STPHead
+ </f:facet>
+ <f:facet name="footer">
+ STPFoot111
+ <h:outputText>STPFooter1</h:outputText>
+ <h:outputText>STPFooter2</h:outputText>
+ <h:outputText>STPFooter3</h:outputText>
+ <span>STP1Foot</span> STPFoot
+ </f:facet>
+ [rich:simpleTogglePanel CONTENT]
+ </rich:simpleTogglePanel>
+
+ <h1>6) rich:togglePanel</h1>
+ <rich:togglePanel switchType="client"
stateOrder="closed,tip1,tip2">
+ <f:facet name="closed">
+ <h:outputText value="Closed" />
+ <rich:toggleControl>
+ <rich:toggleControl switchToState="tip1" value="#{user.next}"
/>
+ </rich:toggleControl>
+ </f:facet>
+ <f:facet name="tip1">
+ <h:outputText value="TIP 1" />
+ <h:panelGrid columns="2">
+ <rich:toggleControl switchToState="closed"
value="#{user.close}" />
+ <rich:toggleControl switchToState="tip2" value="#{user.next}"
/>
+ </h:panelGrid>
+ </f:facet>
+ <f:facet name="tip2">
+ <h:outputText value="TIP 2" />
+ <h:panelGrid columns="2">
+ <rich:toggleControl switchToState="closed"
value="#{user.close}" />
+ <rich:toggleControl switchToState="tip1"
value="#{user.previous}" />
+ </h:panelGrid>
+ </f:facet>
+ </rich:togglePanel>
+ <rich:togglePanel switchType="client"
stateOrder="tip2,tip1,closed">
+ <f:facet name="closed">
+ STPFoot111
+ <h:outputText>STPFooter1</h:outputText>
+ <h:outputText>STPFooter2</h:outputText>
+ <h:outputText>STPFooter3</h:outputText>
+ <span>STP1Foot</span> STPFoot
+ <h:outputText value="CLOSE" />
+ </f:facet>
+ <f:facet name="tip1">
+ <h:panelGroup>
+ <h:outputText value="TIPPPP111" />
+ <rich:toggleControl switchToState="tip2" value="#{user.next}"
/>
+ <h:outputText value="TIPPPP111" />
+ </h:panelGroup>
+ <h:outputText value="TIPPP222222" />
+ </f:facet>
+ <f:facet name="tip2">
+ <h:outputText value="TIP 2" />
+ </f:facet>
+ </rich:togglePanel>
+
+ <h1>7) tabPanel</h1>
+ <h:panelGrid columns="3">
+
+ <rich:tabPanel switchType="ajax">
+ <rich:tab label="First">
+ Here is tab #1
+ </rich:tab>
+ <rich:tab label="Second" disabled="true">
+ Here is tab #2
+ </rich:tab>
+ <rich:tab label="Third">
+ Here is tab #3
+ </rich:tab>
+ </rich:tabPanel>
+
+ <rich:tabPanel switchType="ajax">
+ <rich:tab label="First">
+ <f:facet name="label">
+ Tab Label 1
+ <h:outputText>Tab Label 111</h:outputText>
+ <h:outputText>Tab Label 222</h:outputText>
+ <h:outputText>Tab Label 333</h:outputText>
+ <span>TabLabelSpan1 </span> TabLabelSpan2
+ </f:facet>
+ Here is tab #1
+ </rich:tab>
+ <rich:tab disabled="true">
+ <f:facet name="label">
+ Tab Label 2
+ <h:outputText>Tab Label 2-111</h:outputText>
+ <h:outputText>Tab Label 2-222</h:outputText>
+ <h:outputText>Tab Label 2-333</h:outputText>
+ <span>TabLabelSpan2-1 </span> TabLabelSpan2-2
+ </f:facet>
+ Here is tab #2
+ </rich:tab>
+ <rich:tab label="Third">
+ Here is tab #3
+ </rich:tab>
+ </rich:tabPanel>
+ </h:panelGrid>
+
+ <br></br>
+ <h1>8) rich:dataTable</h1>
+ <br></br>
+
+ <h:panelGrid styleClass="panel" columns="3">
+
+ <rich:dataTable var="row" value="#{user.list}"
rowKeyVar="rowKey"
+ rowClasses="goldPanel panel" columns="2">
+ <f:facet name="header">
+ <rich:columnGroup>
+ <rich:column rowspan="2">
+ <rich:spacer />
+ </rich:column>
+ <rich:column colspan="3">
+ <h:outputText value="FIELDS" />
+ </rich:column>
+ <rich:column breakBefore="true">
+ <h:outputText value="field1" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="field2" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="field3" />
+ </rich:column>
+ </rich:columnGroup>
+ </f:facet>
+
+
+ <rich:columnGroup>
+ <rich:column>
+ <h:outputText value="#{rowKey}" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{row}">
+ </h:outputText>
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{row}">
+ </h:outputText>
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{row}">
+ </h:outputText>
+ </rich:column>
+ </rich:columnGroup>
+
+ <f:facet name="footer">
+
+ <rich:columnGroup>
+ <rich:column></rich:column>
+ <rich:column>
+ <h:outputText value="footer1" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="footer2" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="footer3" />
+ </rich:column>
+
+ </rich:columnGroup>
+ </f:facet>
+
+ </rich:dataTable>
+
+ <rich:dataTable var="row" value="#{user.list}"
rowKeyVar="rowKey"
+ rowClasses="goldPanel panel">
+ <f:facet name="caption">
+ TableCaptionText
+ <h:outputText>Caption 1</h:outputText>
+ <h:outputText>Caption 2</h:outputText>
+ <h:outputText>Caption 3</h:outputText>
+ <span>TableCaption1</span> TableCaption2
+ </f:facet>
+ <f:facet name="header">
+ Table1HText2
+ <h:outputText>Table header1</h:outputText>
+ <h:outputText>Table header2</h:outputText>
+ <h:outputText>Table header3</h:outputText>
+ <span>Table1HEAD</span> Table1HText2
+ </f:facet>
+ <f:facet name="footer">
+ TableC1FText2
+ <h:outputText>Table FOOTER1</h:outputText>
+ <h:outputText>Table FOOTER2</h:outputText>
+ <h:outputText>Table FOOTER3</h:outputText>
+ <span>Table1FOOT</span> Table1FText2
+ </f:facet>
+
+ <rich:column>
+ <h:outputText value="#{rowKey}" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{row}">
+ </h:outputText>
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{row}">
+ </h:outputText>
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{row}">
+ </h:outputText>
+ </rich:column>
+
+ </rich:dataTable>
+ </h:panelGrid>
+
+ <br></br>
+ <h1>9) rich:column</h1>
+
+ <h:panelGrid styleClass="panel" columns="3">
+
+ <rich:dataTable var="row" value="#{user.list}"
rowKeyVar="rowKey"
+ rowClasses="greenPanel">
+ <f:facet name="header">
+ Table1HText2
+ <h:outputText>Table header1</h:outputText>
+ <h:outputText>Table header2</h:outputText>
+ <h:outputText>Table header3</h:outputText>
+ <span>Table1HEAD</span> Table1HText2
+ </f:facet>
+ <f:facet name="footer">
+ TableC1FText2
+ <h:outputText>Table FOOTER1</h:outputText>
+ <h:outputText>Table FOOTER2</h:outputText>
+ <h:outputText>Table FOOTER3</h:outputText>
+ <span>Table1FOOT</span> Table1FText2
+ </f:facet>
+
+ <rich:column>
+ <h:outputText value="#{rowKey}" />
+ </rich:column>
+ <rich:column>
+ <f:facet name="header">
+ <h:outputText>Col 1 header1</h:outputText>
+ <h:outputText>Col 1 header2</h:outputText>
+ <h:outputText>Col 1 header3</h:outputText>
+ <span>COL1HEAD</span> C1HText
+ </f:facet>
+ <f:facet name="footer">
+ <h:outputText>Col 1 footer1</h:outputText>
+ <h:outputText>Col 1 footer2</h:outputText>
+ <h:outputText>Col 1 footer3</h:outputText>
+ <span>COL1FOOT</span> C1FText
+ </f:facet>
+ <h:outputText value="[column 1] #{row}">
+ </h:outputText>
+ </rich:column>
+ <rich:column>
+ <f:facet name="header">
+ <span>COL2HEAD</span> C2FHead
+ </f:facet>
+ <f:facet name="footer">
+ <span>COL2FOOT</span> C2FText
+ </f:facet>
+ <h:outputText value="[column 2] #{row}">
+ </h:outputText>
+ </rich:column>
+ <rich:column>
+ <f:facet name="header">
+ <span>COL3HEAD</span> C3Head
+ <h:outputText value="[header 3]" />
+ </f:facet>
+ <f:facet name="footer">
+ <span>COL3FOOT</span> C3Foot
+ <h:outputText value="[footer 3]" />
+ </f:facet>
+ <h:outputText value="[column 3] #{row}">
+ </h:outputText>
+ </rich:column>
+
+ </rich:dataTable>
+ </h:panelGrid>
+
+ <h1>10) rich:subTable</h1>
+ <h:panelGrid columns="3" styleClass="panel">
+ <rich:dataTable value="#{user.users}" var="users"
border="1">
+ <rich:column colspan="3" styleClass="orangePanel">
+ <h:outputText value="#{users.name} #{users.lastName}" />
+ </rich:column>
+
+ <rich:subTable value="#{users.list}" var="book1"
+ rowClasses="goldPanel, greenPanel">
+ <rich:column>
+ <h:outputText value="#{book1}" />
+ </rich:column>
+ <rich:column colspan="2" breakBefore="true">
+ <h:outputText value="#{book1}" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{book1}" />
+ </rich:column>
+ </rich:subTable>
+
+ <rich:subTable value="#{user.list}" var="book2"
+ columnClasses="indianRedPanel, thistlePanel">
+ <rich:column rowspan="2">
+ <h:outputText value="#{book2}" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{book2}" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{book2}" />
+ </rich:column>
+ <rich:column breakBefore="true">
+ <h:outputText value="#{book2}" />
+ </rich:column>
+ <rich:column rowspan="2">
+ <h:outputText value="#{book2}" />
+ </rich:column>
+ <rich:column breakBefore="true">
+ <h:outputText value="#{book2}" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{book2}" />
+ </rich:column>
+ <rich:column colspan="2" breakBefore="true">
+ <h:outputText value="#{book2}" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{book2}" />
+ </rich:column>
+ </rich:subTable>
+ </rich:dataTable>
+
+ <rich:dataTable value="#{user.users}" var="users"
border="1">
+ <rich:column colspan="3" styleClass="orangePanel">
+ <h:outputText value="#{users.name} #{users.lastName}" />
+ </rich:column>
+
+ <rich:subTable value="#{users.list}" var="book3"
+ rowClasses="goldPanel, greenPanel" headerClass="darkVioletPanel"
+ footerClass="darkBluePanel">
+
+ <f:facet name="caption">
+ TableCaptionText
+ <h:outputText>Caption 1</h:outputText>
+ <h:outputText>Caption 2</h:outputText>
+ <h:outputText>Caption 3</h:outputText>
+ <span>TableCaption1</span> TableCaption2
+ </f:facet>
+ <f:facet name="header">
+ Table1HText2
+ <h:outputText>Table header1</h:outputText>
+ <h:outputText>Table header2</h:outputText>
+ <h:outputText>Table header3</h:outputText>
+ <span>Table1HEAD</span> Table1HText2
+ </f:facet>
+ <f:facet name="footer">
+ TableC1FText2
+ <h:outputText>Table FOOTER1</h:outputText>
+ <h:outputText>Table FOOTER2</h:outputText>
+ <h:outputText>Table FOOTER3</h:outputText>
+ <span>Table1FOOT</span> Table1FText2
+ </f:facet>
+
+ <rich:column>
+ <h:outputText value="#{book3}" />
+ </rich:column>
+ <rich:column colspan="2" breakBefore="true">
+ <h:outputText value="#{book3}" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{book3}" />
+ </rich:column>
+ </rich:subTable>
+
+ <rich:subTable value="#{user.list}" var="book4"
+ columnClasses="indianRedPanel, thistlePanel"
+ headerClass="darkVioletPanel" footerClass="darkBluePanel">
+
+ <f:facet name="caption">
+ TableCaptionText
+ <h:outputText>Caption 1</h:outputText>
+ <h:outputText>Caption 2</h:outputText>
+ <h:outputText>Caption 3</h:outputText>
+ <span>TableCaption1</span> TableCaption2
+ </f:facet>
+ <f:facet name="header">
+ Table1HText2
+ <h:outputText>Table header1</h:outputText>
+ <h:outputText>Table header2</h:outputText>
+ <h:outputText>Table header3</h:outputText>
+ <span>Table1HEAD</span> Table1HText2
+ </f:facet>
+ <f:facet name="footer">
+ TableC1FText2
+ <h:outputText>Table FOOTER1</h:outputText>
+ <h:outputText>Table FOOTER2</h:outputText>
+ <h:outputText>Table FOOTER3</h:outputText>
+ <span>Table1FOOT</span> Table1FText2
+ </f:facet>
+
+ <rich:column rowspan="2">
+ <h:outputText value="#{book4}" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{book4}" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{book4}" />
+ </rich:column>
+ <rich:column breakBefore="true">
+ <h:outputText value="#{book4}" />
+ </rich:column>
+ <rich:column rowspan="2">
+ <h:outputText value="#{book4}" />
+ </rich:column>
+ <rich:column breakBefore="true">
+ <h:outputText value="#{book4}" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{book4}" />
+ </rich:column>
+ <rich:column colspan="2" breakBefore="true">
+ <h:outputText value="#{book4}" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{book4}" />
+ </rich:column>
+ </rich:subTable>
+ </rich:dataTable>
+
+ <rich:dataTable value="#{user.users}" var="users"
border="1">
+ <rich:column colspan="4" styleClass="orangePanel">
+ <h:outputText value="#{users.name} #{users.lastName}" />
+ </rich:column>
+
+ <rich:subTable value="#{users.list}" var="book5"
+ rowClasses="goldPanel, greenPanel">
+ <rich:column headerClass="darkVioletPanel"
+ footerClass="darkBluePanel">
+ <f:facet name="header">
+ <h:outputText>Col 111111111 header1</h:outputText>
+ <h:outputText>Col 111111111 header2</h:outputText>
+ <h:outputText>Col 111111111 header3</h:outputText>
+ <span>COL1111111111HEAD</span> C1111111111HText
+ </f:facet>
+ <f:facet name="footer">
+ <h:outputText>Col 1111111111 footer1</h:outputText>
+ <h:outputText>Col 1111111111 footer2</h:outputText>
+ <h:outputText>Col 1111111111 footer3</h:outputText>
+ <span>COL1111111111FOOT</span> C1111111111FText
+ </f:facet>
+ <h:outputText value="#{book5}" />
+ </rich:column>
+ <rich:column colspan="2" breakBefore="true"
+ headerClass="darkVioletPanel" footerClass="darkBluePanel">
+ <f:facet name="header">
+ <span>COL2HEAD</span> C2FHead
+ </f:facet>
+ <f:facet name="footer">
+ <span>COL2FOOT</span> C2FText
+ </f:facet>
+
+ <h:outputText value="#{book5}" />
+ </rich:column>
+ <rich:column headerClass="darkVioletPanel"
+ footerClass="darkBluePanel">
+ <f:facet name="header">
+ <span>COL3HEAD</span> C3Head
+ <h:outputText value="[header 3]" />
+ </f:facet>
+ <f:facet name="footer">
+ <span>COL3FOOT</span> C3Foot
+ <h:outputText value="[footer 3]" />
+ </f:facet>
+ <h:outputText value="#{book5}" />
+ </rich:column>
+ </rich:subTable>
+
+ <rich:subTable value="#{user.list}" var="book6"
+ columnClasses="indianRedPanel, thistlePanel"
headerClass="goldPanel"
+ footerClass="thistlePanel">
+ <rich:column rowspan="2" headerClass="darkVioletPanel"
+ footerClass="darkBluePanel">
+ <f:facet name="header">
+ <h:outputText>Col 12222222 header1</h:outputText>
+ <h:outputText>Col 12222222 header2</h:outputText>
+ <h:outputText>Col 12222222 header3</h:outputText>
+ <span>COL12222222HEAD</span> C12222222HText
+ </f:facet>
+ <f:facet name="footer">
+ <h:outputText>Col 12222222 footer1</h:outputText>
+ <h:outputText>Col 12222222 footer2</h:outputText>
+ <h:outputText>Col 12222222 footer3</h:outputText>
+ <span>COL12222222FOOT</span> C12222222FText
+ </f:facet>
+ <h:outputText value="#{book6}" />
+ </rich:column>
+ <rich:column>
+ <f:facet name="header">
+ <span>COL22222222HEAD</span> C22222222FHead
+ </f:facet>
+ <f:facet name="footer">
+ <span>COL22222222FOOT</span> C22222222FText
+ </f:facet>
+ <h:outputText value="#{book6}" />
+ </rich:column>
+ <rich:column>
+ <f:facet name="header">
+ <span>COL32222222HEAD</span> C32222222Head
+ <h:outputText value="[header 3]2222222" />
+ </f:facet>
+ <f:facet name="footer">
+ <span>COL32222222FOOT</span> C32222222Foot
+ <h:outputText value="[footer 3]" />
+ </f:facet>
+ <h:outputText value="#{book6}" />
+ </rich:column>
+ <rich:column breakBefore="true">
+ <h:outputText value="#{book6}" />
+ </rich:column>
+ <rich:column rowspan="2">
+ <h:outputText value="#{book6}" />
+ </rich:column>
+ <rich:column breakBefore="true">
+ <h:outputText value="#{book6}" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{book6}" />
+ </rich:column>
+ <rich:column colspan="2" breakBefore="true">
+ <h:outputText value="#{book6}" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{book6}" />
+ </rich:column>
+ </rich:subTable>
+ </rich:dataTable>
+ </h:panelGrid>
+
+ <h1>11) rich:extendedDataTable</h1>
+ <h:panelGrid columns="3" styleClass="panel">
+ <rich:extendedDataTable value="#{user.list}" var="item1"
width="200px"
+ height="200px">
+ <rich:column>
+ <f:facet name="header">
+ <h:outputText>Header</h:outputText>
+ </f:facet>
+ <h:outputText value="#{item1}" />
+ </rich:column>
+ </rich:extendedDataTable>
+
+ <rich:extendedDataTable value="#{user.list}" var="item"
width="500px"
+ height="200px">
+ <rich:column sortable="false">
+ <f:facet name="header">
+ <h:outputText value="Flag" />
+ </f:facet>
+ <f:facet name="footer">
+ <h:outputText value="Footer1" />
+ </f:facet>
+ <h:outputText value="#{item}" />
+ </rich:column>
+ <rich:column sortable="true">
+ <f:facet name="header">
+ <h:outputText value="State Name" />
+ </f:facet>
+ <f:facet name="footer">
+ <h:outputText value="Footer2" />
+ </f:facet>
+ <h:outputText value="#{item}" />
+ </rich:column>
+ <rich:column>
+ <f:facet name="header">
+ <h:outputText value="State Capital" />
+ </f:facet>
+ <f:facet name="footer">
+ <h:outputText value="Footer3" />
+ </f:facet>
+ <h:outputText value="#{item}" />
+ </rich:column>
+ <rich:column sortable="false">
+ <f:facet name="header">
+ <h:outputText value="Time Zone" />
+ </f:facet>
+ <f:facet name="footer">
+ <h:outputText value="Footer4" />
+ </f:facet>
+ <h:outputText value="#{item}" />
+ </rich:column>
+ </rich:extendedDataTable>
+
+ <rich:extendedDataTable value="#{user.list}" var="item"
width="600px"
+ height="200px">
+ <rich:column sortable="false">
+ <f:facet name="header">
+ <h:outputText value="F1" />
+ <h:outputText value="F2" />
+ <h:outputText value="F3" />
+ <span>S1</span> T1
+ </f:facet>
+ <f:facet name="footer">
+ <h:outputText value="FF1" />
+ <h:outputText value="FF2" />
+ <h:outputText value="FF3" />
+ <span>SS1</span> TT1
+ </f:facet>
+
+ <h:outputText value="#{item}" />
+ </rich:column>
+ <rich:column sortable="true">
+ <f:facet name="header">
+ <span>COL2HEAD</span> C2FHead
+ </f:facet>
+ <f:facet name="footer">
+ <span>COL2FOOT</span> C2FText
+ </f:facet>
+ <h:outputText value="#{item}" />
+ </rich:column>
+ <rich:column>
+ <f:facet name="header">
+ <h:outputText value="State Capital" />
+ </f:facet>
+ <h:outputText value="#{item}" />
+ </rich:column>
+ <rich:column sortable="false" width="300px">
+ <f:facet name="header">
+ <h:outputText value="Time Zone" />
+ <span>COL3HEAD</span> C3Head
+ <h:outputText value="[header 3]" />
+ </f:facet>
+ <f:facet name="footer">
+ <span>COL3FOOT</span> C3Foot
+ <h:outputText value="[footer 3]" />
+ </f:facet>
+ <h:outputText value="#{item}" />
+ </rich:column>
+ </rich:extendedDataTable>
+ </h:panelGrid>
+
+ <h1>12) rich:dataGrid</h1>
+
+ <h:panelGrid columns="2" styleClass="panel">
+ <rich:dataGrid value="#{user.list}" var="item"
columns="2"
+ elements="4">
+ <f:facet name="caption">
+ <h:outputText value="Caption #{item}"></h:outputText>
+ </f:facet>
+ <f:facet name="header">
+ <h:outputText value="Header #{item}"></h:outputText>
+ </f:facet>
+ <h:outputText value="#{item}" />
+ </rich:dataGrid>
+
+ <rich:dataGrid value="#{user.list}" var="item"
columns="3"
+ elements="3">
+ <f:facet name="caption">
+ <p>Part 111</p>
+ Some HTML text
+ </f:facet>
+ <f:facet name="header">
+ <span>HEAD</span>
+ <h:outputText value="#{item}"></h:outputText>
+ </f:facet>
+ <h:outputText value="#{item}" />
+ </rich:dataGrid>
+
+ <rich:dataGrid value="#{user.list}" var="item"
columns="2"
+ elements="6">
+ <f:facet name="header">
+ HEAD
+ <h:outputText value="#{item}"></h:outputText>
+ </f:facet>
+ <h:outputText value="#{item}" />
+ </rich:dataGrid>
+
+ <rich:dataGrid value="#{user.list}" var="item"
columns="2"
+ elements="3">
+ <f:facet name="caption">
+ CText1
+ <h:outputText value="C1" />
+ <h:outputText value="C2" />
+ <h:outputText value="C3" />
+ <span>CapS1</span> CapT1
+ </f:facet>
+ <f:facet name="header">
+ W1
+ <h:outputText value="F1" />
+ <h:outputText value="F2" />
+ <h:outputText value="F3" />
+ <span>S1</span> T1
+ </f:facet>
+ <f:facet name="footer">
+ WW1
+ <h:outputText value="FF1" />
+ <h:outputText value="FF2" />
+ <h:outputText value="FF3" />
+ <span>SS1</span> TT1
+ </f:facet>
+ <h:outputText value="#{item}" />
+ </rich:dataGrid>
+ <rich:dataGrid value="#{user.list}" var="item"
columns="2"
+ elements="4">
+ <h:outputText value="#{item}" />
+ </rich:dataGrid>
+ </h:panelGrid>
+
+ <h1>13) rich:dataDefinitionList</h1>
+
+ <h:panelGrid columns="3" styleClass="panel">
+
+ <rich:dataDefinitionList var="car" value="#{user.list}"
rows="3"
+ first="2" title="Cars" styleClass="greenPanel">
+ <f:facet name="term">
+ <h:outputText value="#{car}"></h:outputText>
+ </f:facet>
+ <h:outputText value="Price:"
styleClass="label"></h:outputText>
+ <h:outputText value="#{car}" />
+ <br />
+ <h:outputText value="Mileage:"
styleClass="label"></h:outputText>
+ <h:outputText value="#{car}" />
+ <br />
+ </rich:dataDefinitionList>
+
+ <rich:dataDefinitionList var="car" value="#{user.list}"
rows="3"
+ first="2" title="Cars" styleClass="greenPanel">
+ <f:facet name="term">
+ <h:outputText value="[term]"></h:outputText>
+ </f:facet>
+ <f:facet name="header">
+ <h:outputText value="[header]"></h:outputText>
+ </f:facet>
+ <f:facet name="footer">
+ <h:outputText value="[footer]"></h:outputText>
+ </f:facet>
+ <h:outputText value="Price:"
styleClass="label"></h:outputText>
+ <h:outputText value="#{car}" />
+ <br />
+ </rich:dataDefinitionList>
+
+ <rich:dataDefinitionList var="car" value="#{user.list}"
rows="3"
+ first="2" title="Cars" styleClass="greenPanel">
+ <f:facet name="caption">
+ CText1
+ <h:outputText value="C1" />
+ <h:outputText value="C2" />
+ <h:outputText value="C3" />
+ <span>CapS1</span> CapT1
+ </f:facet>
+ <f:facet name="header">
+ W1
+ <h:outputText value="F1" />
+ <h:outputText value="F2" />
+ <h:outputText value="F3" />
+ <span>S1</span> T1
+ </f:facet>
+ <f:facet name="term">
+ Term1
+ <h:outputText value="T1" />
+ <h:outputText value="T2" />
+ <h:outputText value="T3" />
+ <span>TS1</span> TT1
+ </f:facet>
+ <f:facet name="myfacet">
+ MYF1
+ <h:outputText value="MYF-OUT-1" />
+ <h:outputText value="MYF-OUT-2" />
+ <h:outputText value="MYF-OUT-3" />
+ <span>MYF-S1</span> MYF-T1
+ </f:facet>
+ <f:facet name="footer">
+ WW1
+ <h:outputText value="FF1" />
+ <h:outputText value="FF2" />
+ <h:outputText value="FF3" />
+ <span>SS1</span> TT1
+ </f:facet>
+ <h:outputText value="Mileage:"
styleClass="label"></h:outputText>
+ <h:outputText value="#{car}" />
+ myt1
+ <h:outputText value="myt1" />
+ <h:outputText value="myt2" />
+ <h:outputText value="myt3" />
+ <span>myt-S1</span> myt-T1
+ <br />
+ </rich:dataDefinitionList>
+ </h:panelGrid>
+
+ <h1>14) rich:inplaceInput</h1>
+ <h:panelGrid columns="3" styleClass="panel">
+ <rich:inplaceInput value="#{user.name}" showControls="true"
/>
+ <rich:inplaceInput value="#{user.name}" showControls="true">
+ <f:facet name="controls">
+ <h:panelGroup>
+ <h:commandButton value="Save" type="button" />
+ <h:commandButton value="Close" type="button" />
+ </h:panelGroup>
+ </f:facet>
+ </rich:inplaceInput>
+
+ <rich:inplaceInput value="#{user.name}" showControls="true">
+ <f:facet name="controls">
+ <h:commandButton value="Save" type="button" />
+ <h:commandButton value="Close" type="button" />
+ </f:facet>
+ </rich:inplaceInput>
+
+ <rich:inplaceInput value="#{user.name}" showControls="true">
+ <f:facet name="controls">
+ <h:commandButton value="Save" type="button" />
+ <h:commandButton value="Close" type="button" />
+ </f:facet>
+ myt1
+ <h:outputText value="myt1" />
+ <h:outputText value="myt2" />
+ <h:outputText value="myt3" />
+ <span>myt-S1</span> myt-T1
+ <br />
+ </rich:inplaceInput>
+
+ <rich:inplaceInput value="#{user.name}" showControls="true">
+ <f:facet name="controls">
+ <h:commandButton value="Save" type="button" />
+ <h:commandButton value="Close" type="button" />
+ </f:facet>
+ <f:facet name="header">
+ W1
+ <h:outputText value="F1" />
+ <h:outputText value="F2" />
+ <h:outputText value="F3" />
+ <span>S1</span> T1
+ </f:facet>
+ <f:facet name="term">
+ Term1
+ <h:outputText value="T1" />
+ <h:outputText value="T2" />
+ <h:outputText value="T3" />
+ <span>TS1</span> TT1
+ </f:facet>
+ myt1
+ <h:outputText value="myt1" />
+ <h:outputText value="myt2" />
+ <h:outputText value="myt3" />
+ <span>myt-S1</span> myt-T1
+ <br />
+ </rich:inplaceInput>
+
+ <rich:inplaceInput value="#{user.name}" showControls="true">
+ <f:facet name="controls">
+ WW1
+ <h:outputText value="FF1" />
+ <h:outputText value="FF2" />
+ <h:outputText value="FF3" />
+ <span>SS1</span> TT1
+ </f:facet>
+ </rich:inplaceInput>
+
+ </h:panelGrid>
+
+<h1> 15) rich:orderingList </h1>
+
+<h:panelGrid columns="3" styleClass="panel">
+
+<rich:orderingList value="#{user.list}" var="item"
listHeight="300" listWidth="350">
+ <f:facet name="caption">
+ <h:outputText value="List Caption" />
+ </f:facet>
+ <rich:column width="180">
+ <f:facet name="header">
+ <h:outputText value="Song Name" />
+ </f:facet>
+ <h:outputText value="[You must be evil]
#{item}"></h:outputText>
+ </rich:column>
+ <rich:column>
+ <f:facet name="header">
+ <h:outputText value="Artist Name" />
+ </f:facet>
+ <h:outputText value="[Chris Rea]
#{item}"></h:outputText>
+ </rich:column>
+ </rich:orderingList>
+
+ <rich:orderingList value="#{user.list}" var="item"
controlsHorizontalAlign="left">
+ <f:facet name="heder">
+ CCCW1
+ <h:outputText value="CCCF1" />
+ <h:outputText value="CCCF2" />
+ <h:outputText value="CCCF3" />
+ <span>CCCS1</span> CCCT1
+ </f:facet>
+ <f:facet name="caption">
+ CCCW1
+ <h:outputText value="CCCF1" />
+ <h:outputText value="CCCF2" />
+ <h:outputText value="CCCF3" />
+ <span>CCCS1</span> CCCT1
+ </f:facet>
+ <rich:column>
+ <f:facet name="header">
+ W1
+ <h:outputText value="F1" />
+ <h:outputText value="F2" />
+ <h:outputText value="F3" />
+ <span>S1</span> T1
+ <h:outputText value="Song Name" />
+ </f:facet>
+ <h:outputText value="[You must be evil]
#{item}"></h:outputText>
+ </rich:column>
+ <rich:column>
+ <f:facet name="footer">
+ WW1
+ <h:outputText value="FF1" />
+ <h:outputText value="FF2" />
+ <h:outputText value="FF3" />
+ <span>SS1</span> TT1
+ <h:outputText value="Artist Name" />
+ </f:facet>
+ <h:outputText value="[Chris Rea]
#{item}"></h:outputText>
+ </rich:column>
+ </rich:orderingList>
+
+ <rich:orderingList value="#{user.list}" var="item" >
+ <f:facet name="topControl">
+ U1
+ <h:outputText value="UF1" />
+ <h:outputText value="UF2" />
+ <h:outputText value="UF3" />
+ <span>S1</span> T1
+ </f:facet>
+ <f:facet name="upControl">
+ UU1
+ <h:outputText value="UUFF1" />
+ <h:outputText value="UUFF2" />
+ <h:outputText value="UUFF3" />
+ <span>UUSS1</span> UUTT1
+ </f:facet>
+ <f:facet name="downControl">
+ D1
+ <h:outputText value="DF1" />
+ <h:outputText value="DF2" />
+ <h:outputText value="DF3" />
+ <span>DS1</span> DT1
+ </f:facet>
+ <f:facet name="bottomControl">
+ DDW1
+ <h:outputText value="DDF1" />
+ <h:outputText value="DDF2" />
+ <h:outputText value="DDF3" />
+ <span>DDS1</span> DDT1
+ </f:facet>
+ <rich:column>
+ <f:facet name="header">
+ <h:outputText value="Song Name" />
+ </f:facet>
+ <h:outputText value="[You must be evil]
#{item}"></h:outputText>
+ </rich:column>
+ <rich:column>
+ <f:facet name="footer">
+ WW1
+ <h:outputText value="FF1" />
+ <h:outputText value="FF2" />
+ <h:outputText value="FF3" />
+ <span>SS1</span> TT1
+ <h:outputText value="Artist Name" />
+ </f:facet>
+ <h:outputText value="[Chris Rea]
#{item}"></h:outputText>
+ </rich:column>
+ </rich:orderingList>
+
+
+</h:panelGrid>
+
+<h1> 16) rich:progressBar </h1>
+
+<h:panelGrid columns="3" styleClass="panel">
+
+ <rich:progressBar value="67" style="color:red"
styleClass="btn" mode="client"
+ id="progressBar">
+ <f:facet name="initial">
+ <h:outputText value="Process doesn't started yet" />
+ </f:facet>
+ <f:facet name="complete">
+ <h:outputText value="Process Done" />
+ </f:facet>
+ </rich:progressBar>
+
+ <rich:progressBar value="45">
+ <f:facet name="initial">
+ W1
+ <h:outputText value="F1" />
+ <h:outputText value="F2" />
+ <h:outputText value="F3" />
+ <span>S1</span> T1
+ </f:facet>
+ <f:facet name="complete">
+ WW1
+ <h:outputText value="FF1" />
+ <h:outputText value="FF2" />
+ <h:outputText value="FF3" />
+ <span>SS1</span> TT1
+ </f:facet>
+ </rich:progressBar>
+
+ <rich:progressBar value="30" label="Progres Bar"
style="color:red" styleClass="btn" mode="client">
+ <f:facet name="complete">
+ WW1
+ <h:outputText value="FF1" />
+ <h:outputText value="FF2" />
+ <h:outputText value="FF3" />
+ <span>SS1</span> TT1
+ </f:facet>
+ <h:outputText> first text </h:outputText>
+ <h:outputText> Download speed 100 Mbit/s </h:outputText>
+ <h:outputText> last text </h:outputText>
+ </rich:progressBar>
+ <rich:progressBar value="30" >
+ </rich:progressBar>
+ <rich:progressBar value="45">
+ </rich:progressBar>
+</h:panelGrid> </f:view> </body> </html>
\ No newline at end of file