<?php

use_helper('ysJQueryRevolutions');
use_helper('ysJQueryUILayout');
?>

<?php 
ui_layout_configure_to('layoutVarName2', '.bodyTest');
ui_layout_configure_to('layoutVarName3', '.bodyTest2');
?>

<div class="bodyTest" style="height:100%">
    <div class="ui-layout-center" style="width:100%">
         <div class="bodyTest2" style="height:100%">
            <div class="ui-layout-center" style="width:100%">
              Nested(Inner) Center
            </div>
            <div class="ui-layout-west" style="width:100%">
              Nested(Inner) West
            </div>
        </div>
    </div>
    <div class="ui-layout-south" style="width:100%">
      Nested(Outer) South
    </div>
    <div class="ui-layout-north" style="width:100%">
      Nested(Outer) North
    </div>
    <div class="ui-layout-west" style="width:100%">
      Nested(Outer) West
    </div>
Exemple #2
0
  <?php 
include_title();
?>
  <?php 
include_stylesheets();
?>
  <?php 
include_javascripts();
?>

  <link rel="shortcut icon" href="/favicon.ico" />
  </head>
  <body>

    <?php 
ui_layout_configure_to('layoutVarName', 'body', array('cache' => true, 'addCloseBtn' => array('#btnCloseWestId' => 'west', '#btnCloseEastId' => 'east'), 'addOpenBtn' => array('#btnOpenWestId' => 'west', '#btnOpenEastId' => 'east'), 'addToggleBtn' => array('#btnToggleSouthId' => 'south'), 'addPinBtn' => array('#btnPinWestId' => 'west', '#btnPinEastId' => 'east'), 'allowOverflow' => 'north', 'north' => array('size' => 54), 'south' => array('spacing' => 50), 'west' => array(), 'east' => array('initClosed' => true), 'center' => array()));
?>


    <br><br>


    <div class="ui-layout-center" id="testId">

      <?php 
echo ui_theme_switcher_tool('themeroller', array('width' => 200, 'buttonPreText' => 'ysJQueryUIPlugin: '));
?>

      <br>

      <?php