tobago-example/tobago-example-demo/src/main/webapp/content/40-test/90000-attic/gridLayout/Rigid.xhtml

<?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:f="http://java.sun.com/jsf/core">

  <tc:page id="page">
    <tc:script file="script/tobago-assert.js"/>

    <!--
    width  =  1 + 5 + 101 + 5 + 101 + 5 + 101 + 5 + 2 = 326
    height = 21 + 5 +  51 + 5 +  51 + 5 +  51 + 5 + 2 = 196
    -->
    <f:facet name="layout">
      <tc:gridLayout rowSpacing="20px" columns="326px" rows="196px 196px 196px"/>
    </f:facet>

    <tc:box label="1. All rendered">
      <f:facet name="layout">
        <tc:gridLayout columns="1fr 1fr 1fr"/>
      </f:facet>

      <tc:textarea value="1">
        <tc:dataAttribute name="assert-width" value="101"/>
        <tc:dataAttribute name="assert-height" value="51"/>
      </tc:textarea>
      <tc:textarea value="2">
        <tc:dataAttribute name="assert-width" value="101"/>
        <tc:dataAttribute name="assert-height" value="51"/>
      </tc:textarea>
      <tc:textarea value="3">
        <tc:dataAttribute name="assert-width" value="101"/>
        <tc:dataAttribute name="assert-height" value="51"/>
      </tc:textarea>

      <tc:textarea value="4">
        <tc:dataAttribute name="assert-width" value="101"/>
        <tc:dataAttribute name="assert-height" value="51"/>
      </tc:textarea>
      <tc:textarea value="5">
        <tc:dataAttribute name="assert-width" value="101"/>
        <tc:dataAttribute name="assert-height" value="51"/>
      </tc:textarea>
      <tc:textarea value="6">
        <tc:dataAttribute name="assert-width" value="101"/>
        <tc:dataAttribute name="assert-height" value="51"/>
      </tc:textarea>

      <tc:textarea value="7">
        <tc:dataAttribute name="assert-width" value="101"/>
        <tc:dataAttribute name="assert-height" value="51"/>
      </tc:textarea>
      <tc:textarea value="8">
        <tc:dataAttribute name="assert-width" value="101"/>
        <tc:dataAttribute name="assert-height" value="51"/>
      </tc:textarea>
      <tc:textarea value="9">
        <tc:dataAttribute name="assert-width" value="101"/>
        <tc:dataAttribute name="assert-height" value="51"/>
      </tc:textarea>
    </tc:box>

    <tc:box label="2. Middle row and column are not rendered.">
      <f:facet name="layout">
        <tc:gridLayout columns="1fr 1fr 1fr"/>
      </f:facet>

      <tc:textarea value="1">
        <tc:dataAttribute name="assert-width" value="154"/>
        <tc:dataAttribute name="assert-height" value="79"/>
      </tc:textarea>
      <tc:textarea value="2" rendered="false"/>
      <tc:textarea value="3">
        <tc:dataAttribute name="assert-width" value="154"/>
        <tc:dataAttribute name="assert-height" value="79"/>
      </tc:textarea>

      <tc:textarea value="4" rendered="false"/>
      <tc:textarea value="5" rendered="false"/>
      <tc:textarea value="6" rendered="false"/>

      <tc:textarea value="7">
        <tc:dataAttribute name="assert-width" value="154"/>
        <tc:dataAttribute name="assert-height" value="79"/>
      </tc:textarea>
      <tc:textarea value="8" rendered="false"/>
      <tc:textarea value="9">
        <tc:dataAttribute name="assert-width" value="154"/>
        <tc:dataAttribute name="assert-height" value="79"/>
      </tc:textarea>
    </tc:box>

    <tc:box label="3. Like 2. but rigid='true'">
      <f:facet name="layout">
        <tc:gridLayout columns="1fr 1fr 1fr" rigid="true"/>
      </f:facet>

      <tc:textarea value="1">
        <tc:dataAttribute name="assert-width" value="101"/>
        <tc:dataAttribute name="assert-height" value="51"/>
      </tc:textarea>
      <tc:textarea value="2" rendered="false"/>
      <tc:textarea value="3">
        <tc:dataAttribute name="assert-width" value="101"/>
        <tc:dataAttribute name="assert-height" value="51"/>
      </tc:textarea>

      <tc:textarea value="4" rendered="false"/>
      <tc:textarea value="5" rendered="false"/>
      <tc:textarea value="6" rendered="false"/>

      <tc:textarea value="7">
        <tc:dataAttribute name="assert-width" value="101"/>
        <tc:dataAttribute name="assert-height" value="51"/>
      </tc:textarea>
      <tc:textarea value="8" rendered="false"/>
      <tc:textarea value="9">
        <tc:dataAttribute name="assert-width" value="101"/>
        <tc:dataAttribute name="assert-height" value="51"/>
      </tc:textarea>
    </tc:box>

  </tc:page>
</f:view>