tobago-example/tobago-example-demo/src/main/webapp/content/40-test/90000-attic/gridLayout/TabGroup_Auto.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:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core">
  <tc:page id="page">
    <f:facet name="layout">
      <tc:gridLayout rows="auto" columns="auto"/>
    </f:facet>

    <tc:tabGroup id="tabGroup">
      <tc:tab label="Rows" id="rows">
        <f:facet name="layout">
          <tc:gridLayout rows="1fr 1fr"/>
        </f:facet>
        <tc:textarea id="a-1">
          <!-- <tc:gridLayoutConstraint width="100px" height="50px"/> -->
        </tc:textarea>
        <tc:textarea id="a-2">
          <!-- <tc:gridLayoutConstraint width="100px" height="50px"/> -->
        </tc:textarea>
      </tc:tab>
      <tc:tab label="Columns" id="columns">
        <f:facet name="layout">
          <tc:gridLayout columns="1fr 1fr"/>
        </f:facet>
        <tc:textarea id="a-3">
          <!-- <tc:gridLayoutConstraint width="100px" height="50px"/> -->
        </tc:textarea>
        <tc:textarea id="a-4">
          <!-- <tc:gridLayoutConstraint width="100px" height="50px"/> -->
        </tc:textarea>

      </tc:tab>
    </tc:tabGroup>

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

    <!-- Todo: gererally all tabs should have the same size? -->

    <tc:script onload="TobagoAssert.assertLayout('page:rows:a-1', 6, 26, 100, 50);"/>
    <tc:script onload="TobagoAssert.assertLayout('page:rows:a-2', 6, 81, 100, 50);"/>

    <!--click the tab to display the elements, they can only be measured if they are not hidden.-->
    <tc:script onload="jQuery(DomUtils.escapeClientId('page:tabGroup')).find('.tobago-tab[data-tobago-tab-group-index=1]').click();"/>

    <tc:script onload="TobagoAssert.assertLayout('page:columns:a-3', 6, 26, 100, 50);"/>
    <tc:script onload="TobagoAssert.assertLayout('page:columns:a-4', 111, 26, 100, 50);"/>

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