| <?xml version="1.0" encoding="UTF-8"?> |
| <!-- |
| * 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. |
| --> |
| |
| <!-- XXX This is an old page. Content might not be up to date. Needs to be refactored, or just deleted. --> |
| <f:view |
| xmlns:tc="http://myfaces.apache.org/tobago/component" |
| xmlns:ui="http://java.sun.com/jsf/facelets" |
| xmlns:f="http://java.sun.com/jsf/core"> |
| |
| <tc:page width="800px" height="600px" id="page"> |
| <f:facet name="menuBar"> |
| <tc:bar> |
| <tc:link label="space -> space -> space"/> |
| |
| <tc:link label="Help"> |
| <tc:link label="Help 1"> |
| <tc:link label="Help 1 1"> |
| </tc:link> |
| <tc:separator/> |
| <tc:link label="Help 1 2"> |
| </tc:link> |
| <tc:link label="Help 1 3"> |
| </tc:link> |
| <tc:link label="Help 1 4"> |
| </tc:link> |
| <tc:separator/> |
| <tc:link label="Help 1 5"> |
| </tc:link> |
| <tc:link label="Help 1 6"> |
| </tc:link> |
| <tc:link label="Help 1 7"> |
| </tc:link> |
| <tc:separator/> |
| <tc:link label="Help 1 8"> |
| </tc:link> |
| <tc:link label="Help 1 9"> |
| </tc:link> |
| <tc:link label="Help 1 10"> |
| </tc:link> |
| </tc:link> |
| <tc:link label="Help 2"> |
| <tc:link label="Help 2 1"> |
| </tc:link> |
| <tc:link label="Help 2 2"> |
| </tc:link> |
| <tc:link label="Help 2 3"> |
| </tc:link> |
| <tc:link label="Help 2 4"> |
| </tc:link> |
| <tc:link label="Help 2 5"> |
| </tc:link> |
| <tc:link label="Help 2 6"> |
| </tc:link> |
| <tc:link label="Help 2 7"> |
| </tc:link> |
| <tc:link label="Help 2 8"> |
| </tc:link> |
| <tc:link label="Help 2 9"> |
| </tc:link> |
| <tc:link label="Help 2 10"> |
| </tc:link> |
| </tc:link> |
| <tc:link label="Help 3"> |
| <tc:link label="Help 3 1"> |
| </tc:link> |
| <tc:link label="Help 3 2"> |
| </tc:link> |
| <tc:link label="Help 3 3"> |
| </tc:link> |
| <tc:link label="Help 3 4"> |
| </tc:link> |
| <tc:link label="Help 3 5"> |
| </tc:link> |
| <tc:link label="Help 3 6"> |
| </tc:link> |
| <tc:link label="Help 3 7"> |
| </tc:link> |
| <tc:link label="Help 3 8"> |
| </tc:link> |
| <tc:link label="Help 3 9"> |
| </tc:link> |
| <tc:link label="Help 3 10"> |
| </tc:link> |
| </tc:link> |
| <tc:link label="Help 4"> |
| <tc:link label="Help 4 1"> |
| </tc:link> |
| <tc:link label="Help 4 2"> |
| </tc:link> |
| <tc:link label="Help 4 3"> |
| </tc:link> |
| <tc:link label="Help 4 4"> |
| </tc:link> |
| <tc:link label="Help 4 5"> |
| </tc:link> |
| <tc:link label="Help 4 6"> |
| </tc:link> |
| <tc:link label="Help 4 7"> |
| </tc:link> |
| <tc:link label="Help 4 8"> |
| </tc:link> |
| <tc:link label="Help 4 9"> |
| </tc:link> |
| <tc:link label="Help 4 10"> |
| </tc:link> |
| </tc:link> |
| <tc:link label="Help 5"> |
| <tc:link label="Help 5 1"> |
| </tc:link> |
| <tc:link label="Help 5 2"> |
| </tc:link> |
| <tc:link label="Help 5 3"> |
| </tc:link> |
| <tc:link label="Help 5 4"> |
| </tc:link> |
| <tc:link label="Help 5 5"> |
| </tc:link> |
| <tc:link label="Help 5 6"> |
| </tc:link> |
| <tc:link label="Help 5 7"> |
| </tc:link> |
| <tc:link label="Help 5 8"> |
| </tc:link> |
| <tc:link label="Help 5 9"> |
| </tc:link> |
| <tc:link label="Help 5 10"> |
| </tc:link> |
| </tc:link> |
| <tc:link label="Help 6"> |
| <tc:link label="Help 6 1"> |
| </tc:link> |
| <tc:link label="Help 6 2"> |
| </tc:link> |
| <tc:link label="Help 6 3"> |
| </tc:link> |
| <tc:link label="Help 6 4"> |
| </tc:link> |
| <tc:link label="Help 6 5"> |
| </tc:link> |
| <tc:link label="Help 6 6"> |
| </tc:link> |
| <tc:link label="Help 6 7"> |
| </tc:link> |
| <tc:link label="Help 6 8"> |
| </tc:link> |
| <tc:link label="Help 6 9"> |
| </tc:link> |
| <tc:link label="Help 6 10"> |
| </tc:link> |
| </tc:link> |
| <tc:link label="Help 7"> |
| <tc:link label="Help 7 1"> |
| </tc:link> |
| <tc:link label="Help 7 2"> |
| </tc:link> |
| <tc:link label="Help 7 3"> |
| </tc:link> |
| <tc:link label="Help 7 4"> |
| </tc:link> |
| <tc:link label="Help 7 5"> |
| </tc:link> |
| <tc:link label="Help 7 6"> |
| </tc:link> |
| <tc:link label="Help 7 7"> |
| </tc:link> |
| <tc:link label="Help 7 8"> |
| </tc:link> |
| <tc:link label="Help 7 9"> |
| </tc:link> |
| <tc:link label="Help 7 10"> |
| </tc:link> |
| </tc:link> |
| <tc:link label="Help 8"> |
| <tc:link label="Help 8 1"> |
| </tc:link> |
| <tc:link label="Help 8 2"> |
| </tc:link> |
| <tc:link label="Help 8 3"> |
| </tc:link> |
| <tc:link label="Help 8 4"> |
| </tc:link> |
| <tc:link label="Help 8 5"> |
| </tc:link> |
| <tc:link label="Help 8 6"> |
| </tc:link> |
| <tc:link label="Help 8 7"> |
| </tc:link> |
| <tc:link label="Help 8 8"> |
| </tc:link> |
| <tc:link label="Help 8 9"> |
| </tc:link> |
| <tc:link label="Help 8 10"> |
| </tc:link> |
| </tc:link> |
| <tc:link label="Help 9"> |
| <tc:link label="Help 9 1"> |
| </tc:link> |
| <tc:link label="Help 9 2"> |
| </tc:link> |
| <tc:link label="Help 9 3"> |
| </tc:link> |
| <tc:link label="Help 9 4"> |
| </tc:link> |
| <tc:link label="Help 9 5"> |
| </tc:link> |
| <tc:link label="Help 9 6"> |
| </tc:link> |
| <tc:link label="Help 9 7"> |
| </tc:link> |
| <tc:link label="Help 9 8"> |
| </tc:link> |
| <tc:link label="Help 9 9"> |
| </tc:link> |
| <tc:link label="Help 9 10"> |
| </tc:link> |
| </tc:link> |
| <tc:link label="Help 10"> |
| <tc:link label="Help 10 1"> |
| </tc:link> |
| <tc:link label="Help 10 2"> |
| </tc:link> |
| <tc:link label="Help 10 3"> |
| </tc:link> |
| <tc:link label="Help 10 4"> |
| </tc:link> |
| <tc:link label="Help 10 5"> |
| </tc:link> |
| <tc:link label="Help 10 6"> |
| </tc:link> |
| <tc:link label="Help 10 7"> |
| </tc:link> |
| <tc:link label="Help 10 8"> |
| </tc:link> |
| <tc:link label="Help 10 9"> |
| </tc:link> |
| <tc:link label="Help 10 10"> |
| </tc:link> |
| </tc:link> |
| </tc:link> |
| </tc:bar> |
| |
| </f:facet> |
| |
| <tc:box label="Page (z-index = 0)"> |
| <f:facet name="layout"> |
| <tc:gridLayout rows="60px auto auto 1fr auto auto"/> |
| </f:facet> |
| <tc:out |
| value="This page is to check, if the layered presentation is corret. It will be usually defined by setting |
| the z-index in CSS or by the order of rendering in the document. The footer and header of the sheet |
| also have the z-index set in the common renderer."/> |
| <tc:panel> |
| <f:facet name="layout"> |
| <tc:gridLayout columns="1fr 4fr"/> |
| </f:facet> |
| |
| <tc:link label="Link to Apache" link="http://www.apache.org/"/> |
| <tc:date label="Date"> |
| <f:convertDateTime pattern="dd/MM/yyyy"/> |
| </tc:date> |
| </tc:panel> |
| <tc:selectOneChoice> |
| <tc:selectItem itemLabel="AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" itemValue="A"/> |
| <tc:selectItem itemLabel="BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB" itemValue="B"/> |
| <tc:selectItem itemLabel="CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC" itemValue="C"/> |
| </tc:selectOneChoice> |
| <tc:sheet var="v1" columns="1fr 1fr 1fr" showRowRange="left" showPageRange="right" showDirectLinks="center"> |
| <tc:column label="Column 1"/> |
| <tc:column label="Column 2"/> |
| <tc:column label="Column 3"/> |
| </tc:sheet> |
| <tc:panel> |
| <f:facet name="layout"> |
| <tc:gridLayout columns="1fr 1fr"/> |
| </f:facet> |
| <tc:selectBooleanCheckbox label="1st Popup Modal" value="#{zIndexController.modal1}" id="modal1st"/> |
| <tc:panel/> |
| <tc:selectBooleanCheckbox label="2nd Popup Modal" value="#{zIndexController.modal2}"/> |
| <tc:panel/> |
| </tc:panel> |
| <tc:panel> |
| <f:facet name="layout"> |
| <tc:gridLayout columns="auto auto auto 1fr"/> |
| </f:facet> |
| <tc:button label="Open Popup"> |
| <f:facet name="popup"> |
| <tc:popup width="600px" height="470px" left="100px" top="100px" id="popup-1" modal="#{zIndexController.modal1}"> |
| <tc:box label="Popup (z-index = 1 (TODO))" id="box-1"> |
| <f:facet name="layout"> |
| <tc:gridLayout rows="auto auto 1fr auto"/> |
| </f:facet> |
| <tc:date label="Date"> |
| <f:convertDateTime pattern="dd/MM/yyyy"/> |
| </tc:date> |
| <tc:selectOneChoice> |
| <tc:selectItem itemLabel="AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" itemValue="A"/> |
| <tc:selectItem itemLabel="BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB" itemValue="B"/> |
| <tc:selectItem itemLabel="CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC" itemValue="C"/> |
| </tc:selectOneChoice> |
| <tc:sheet var="v1" columns="1fr 1fr 1fr" showRowRange="left" showPageRange="right" showDirectLinks="center"> |
| <tc:column label="Column 1"/> |
| <tc:column label="Column 2"/> |
| <tc:column label="Column 3"/> |
| </tc:sheet> |
| <tc:panel> |
| <f:facet name="layout"> |
| <tc:gridLayout columns="1fr 1fr 1fr 1fr"/> |
| </f:facet> |
| <tc:button label="Open Sub Popup"> |
| <f:facet name="popup"> |
| <tc:popup width="400px" height="500px" left="200px" top="50px" id="popup-2" modal="#{zIndexController.modal2}"> |
| <tc:box label="Popup (z-index = 2 (TODO))" id="box-2"> |
| <f:facet name="layout"> |
| <tc:gridLayout rows="auto auto 1fr auto"/> |
| </f:facet> |
| <tc:date label="Date"> |
| <f:convertDateTime pattern="dd/MM/yyyy"/> |
| </tc:date> |
| <tc:selectOneChoice> |
| <tc:selectItem itemLabel="AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA" itemValue="A"/> |
| <tc:selectItem itemLabel="BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB" itemValue="B"/> |
| <tc:selectItem itemLabel="CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC" itemValue="C"/> |
| </tc:selectOneChoice> |
| <tc:sheet var="v1" columns="1fr 1fr 1fr" showRowRange="left" showPageRange="right" |
| showDirectLinks="center"> |
| <tc:column label="Column 1"/> |
| <tc:column label="Column 2"/> |
| <tc:column label="Column 3"/> |
| </tc:sheet> |
| <tc:panel> |
| <f:facet name="layout"> |
| <tc:gridLayout columns="1fr 1fr 1fr"/> |
| </f:facet> |
| <tc:button label="Cancel"> |
| <tc:attribute name="popupClose" value="immediate"/> |
| </tc:button> |
| <tc:button label="Redisplay"> |
| <f:ajax render="box-2" execute="box-2"/> |
| </tc:button> |
| <tc:button label="Ok"> |
| <tc:attribute name="popupClose" value="afterSubmit"/> |
| </tc:button> |
| </tc:panel> |
| </tc:box> |
| </tc:popup> |
| </f:facet> |
| </tc:button> |
| <tc:button label="Open Popup (AJAX)"> |
| <f:ajax render="popup-2" execute="popup-2"/> |
| <tc:popupReference for="popup-2"/> |
| </tc:button> |
| <tc:button label="Cancel"> |
| <tc:attribute name="popupClose" value="immediate"/> |
| </tc:button> |
| <tc:button label="Redisplay"> |
| <f:ajax render="box-1" execute="box-1"/> |
| </tc:button> |
| <tc:button label="Ok"> |
| <tc:attribute name="popupClose" value="afterSubmit"/> |
| </tc:button> |
| </tc:panel> |
| </tc:box> |
| </tc:popup> |
| </f:facet> |
| </tc:button> |
| <tc:button label="Open Popup (AJAX)"> |
| <f:ajax render="popup-1" execute="popup-1"/> |
| <tc:popupReference for="popup-1"/> |
| </tc:button> |
| <tc:button label="Update"/> |
| </tc:panel> |
| </tc:box> |
| </tc:page> |
| </f:view> |