| <?xml version="1.0" encoding="iso-8859-1" standalone="yes" ?> |
| <!-- |
| Licensed to the Apache Software Foundation (ASF) under one |
| or more contributor license agreements. See the NOTICE file |
| distributed with this work for additional information |
| regarding copyright ownership. The ASF licenses this file |
| to you under the Apache License, Version 2.0 (the |
| "License"); you may not use this file except in compliance |
| with the License. You may obtain a copy of the License at |
| |
| http://www.apache.org/licenses/LICENSE-2.0 |
| |
| Unless required by applicable law or agreed to in writing, |
| software distributed under the License is distributed on an |
| "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| KIND, either express or implied. See the License for the |
| specific language governing permissions and limitations |
| under the License. |
| |
| --> |
| <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:f="http://java.sun.com/jsf/core" |
| xmlns:tr="http://myfaces.apache.org/trinidad" version="1.2"> |
| <jsp:directive.page contentType="text/html;charset=utf-8"/> |
| <f:view> |
| <tr:document title="Group Demo"> |
| <tr:form> |
| <tr:panelGroupLayout layout="vertical"> |
| <f:facet name="separator"> |
| <tr:separator/> |
| </f:facet> |
| <tr:panelGroupLayout layout="horizontal"> |
| <tr:commandLink immediate="true" text="Component Guide" action="guide"/> |
| <tr:spacer width="10"/> |
| <tr:goLink destination="http://myfaces.apache.org/trinidad/trinidad-api/tagdoc/tr_group.html" |
| text="Tag Documentation"/> |
| </tr:panelGroupLayout> |
| <tr:outputFormatted styleUsage="instruction" value="<b>group</b>"/> |
| <tr:outputText value="The group component is an invisible control that aggregates semantically-related children; the group itself has no associated client representation (visual or API). |
| Some parent components may have special representation for groups like adding separators around the group but this is a special case and is not always rendered this way. |
| In most cases, only the children of the group will be rendered directly to the page. |
| There will be no layout applied to the children so the natural layout behavior of the underlying HTML elements will apply. |
| If you require a more predictable layout, you should use a layout component such as panelGroupLayout."/> |
| <tr:outputText value="The following demo shows a vertical panelGroupLayout with a separator facet containing a |
| group that has two images directly inside of it."/> |
| <tr:panelGroupLayout layout="vertical"> |
| <f:facet name="separator"> |
| <tr:group binding="#{editor.component}"> |
| <tr:image shortDesc="File" source="/components/images/file.gif"/> |
| <tr:image shortDesc="Check" source="/components/images/processCheck.gif"/> |
| </tr:group> |
| </f:facet> |
| <tr:outputText value="Item 1"/> |
| <tr:outputText value="Item 2"/> |
| </tr:panelGroupLayout> |
| <jsp:directive.include file="editor.jspf"/> |
| </tr:panelGroupLayout> |
| </tr:form> |
| </tr:document> |
| </f:view> |
| </jsp:root> |