tobago-example/tobago-example-demo/src/main/webapp/content/40-test/90000-attic/gridLayout/Not_Exact_4x4.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:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core">

  <tc:page id="page">
    <f:facet name="layout">
      <tc:gridLayout columns="6fr 9fr 13fr 2fr" rows="4fr 11fr 10fr 5fr"/>
    </f:facet>
    <!-- 211 (prime number) + 15px = 226px -->
    <!-- <tc:gridLayoutConstraint width="226px" height="226px"/> -->

    <tc:image id="image-0" value="pidgeon-point.jpg"/>
    <tc:image id="image-1" value="pidgeon-point.jpg">
      <!-- <tc:gridLayoutConstraint rowSpan="2"/> -->
    </tc:image>
    <tc:image id="image-2" value="pidgeon-point.jpg">
      <!-- <tc:gridLayoutConstraint columnSpan="2"/> -->
    </tc:image>
    <tc:image id="image-3" value="pidgeon-point.jpg"/>
    <tc:image id="image-4" value="pidgeon-point.jpg">
      <!-- <tc:gridLayoutConstraint rowSpan="2"/> -->
    </tc:image>
    <tc:image id="image-5" value="pidgeon-point.jpg"/>
    <tc:image id="image-6" value="pidgeon-point.jpg">
      <!-- <tc:gridLayoutConstraint columnSpan="2"/> -->
    </tc:image>
    <tc:image id="image-7" value="pidgeon-point.jpg">
      <!-- <tc:gridLayoutConstraint rowSpan="2"/> -->
    </tc:image>
    <tc:image id="image-8" value="pidgeon-point.jpg"/>
    <tc:image id="image-9" value="pidgeon-point.jpg">
      <!-- <tc:gridLayoutConstraint columnSpan="2"/> -->
    </tc:image>

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

    <tc:script onload="TobagoAssert.assertLayout('page:image-0', 0, 0, 42, 28);"/>
    <tc:script onload="TobagoAssert.assertLayout('page:image-1', 47, 0, 63, 111);"/>
    <tc:script onload="TobagoAssert.assertLayout('page:image-2', 115, 0, 111, 28);"/>
    <tc:script onload="TobagoAssert.assertLayout('page:image-3', 0, 33, 42, 78);"/>
    <tc:script onload="TobagoAssert.assertLayout('page:image-4', 115, 33, 92, 153);"/>
    <tc:script onload="TobagoAssert.assertLayout('page:image-5', 212, 33, 14, 78);"/>
    <tc:script onload="TobagoAssert.assertLayout('page:image-6', 0, 116, 110, 70);"/>
    <tc:script onload="TobagoAssert.assertLayout('page:image-7', 212, 116, 14, 110);"/>
    <tc:script onload="TobagoAssert.assertLayout('page:image-8', 0, 191, 42, 35);"/>
    <tc:script onload="TobagoAssert.assertLayout('page:image-9', 47, 191, 160, 35);"/>

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