jQuery4PHP Current Release: v1.7.0 - Stable

jQuery version: v1.8.2

jQueryUI version: Stable (1.8.24: jQuery 1.3.2+)

jQuery4php API

JLayout

Hide navigator Hide source code

Nested layout


<?php YsJQuery::usePlugin(YsJQueryConstant::PLUGIN_JLAYOUT); ?>

  <?php echo YsJLayout::initBorderlLayout(array(YsJLayout::HGAP => 3,
                                                YsJLayout::VGAP => 3)) ?>
    <?php echo YsJLayout::initCenter('centerPanel', 'style="width:320px; height:130px"') ?>

      <!--NESTED -->
      <?php echo YsJLayout::initBorderlLayout(array()) ?>
        <?php echo YsJLayout::initCenter('centerPanel', 'style="width:100px; height:50px"') ?>
        Nested Center
        <?php echo YsJLayout::endCenter() ?>
        <?php echo YsJLayout::initEast('eastPanel', 'style="width:100px; height:30px"') ?>
        Nested East
        <?php echo YsJLayout::endEast() ?>
        <?php echo YsJLayout::initWest('westPanel', 'style="width:100px; height:30px"') ?>
        Nested West
        <?php echo YsJLayout::endWest() ?>
        <?php echo YsJLayout::initNorth('northPanel', 'style="width:100px; height:30px"') ?>
        Nested North
        <?php echo YsJLayout::endNorth() ?>
        <?php echo YsJLayout::initSouth('southPanel', 'style="width:100px; height:30px"') ?>
        Nested South
        <?php echo YsJLayout::endSouth() ?>
      <?php echo YsJLayout::endBorderLayout()?>
      <!--NESTED -->
    <?php echo YsJLayout::endCenter() ?>
    <?php echo YsJLayout::initEast('eastPanel', 'style="width:100px; height:30px"') ?>
      East
    <?php echo YsJLayout::endEast() ?>
    <?php echo YsJLayout::initWest('westPanel', 'style="width:100px; height:30px"') ?>
      West
    <?php echo YsJLayout::endWest() ?>
    <?php echo YsJLayout::initNorth('northPanel', 'style="width:100px; height:30px"') ?>
      North
    <?php echo YsJLayout::endNorth() ?>
    <?php echo YsJLayout::initSouth('southPanel', 'style="width:100px; height:30px"') ?>
      South
    <?php echo YsJLayout::endSouth() ?>
  <?php echo YsJLayout::endBorderLayout()?>
<?php
echo
YsJQuery::newInstance()
  ->execute(
    YsJLayout::build('.border')
  )
?>

Nested Center
Nested East
Nested West
Nested North
Nested South
East
West
North
South

About

Demos

jQueryUI

Plugins Support - New!

Components - New!

Project Developed by The YepSua Team
SourceForge.net