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

About

Version: 0.17

License: BSD License

Home Page: http://www.bramstein.com/projects/jlayout/

About the plugin

The jLayout JavaScript library provides layout algorithms for laying out components. A component is an abstraction; it can be implemented in many ways, for example as items in a HTML5 Canvas drawing or as HTML elements. The jLayout library allows you to focus on drawing the individual components instead of on how to arrange them on your screen.

The library currently provides four layout algorithms: border, which lays out components in five different regions; grid, which lays out components in a user defined grid, flex-grid which offers a grid with flexible column and row sizes, and flow which flows components in a user defined direction. Using the grid and flex-grid algorithms you can also create horizontal and vertical layouts. A jQuery plugin to lay out (X)HTML elements is also available.



Plugin dependencies:


jquery.sizes.js
jquery.metadata.js (optional)


Javascripts source:

  <script type="text/javascript" src="jlayout.border.js"></script>
  <script type="text/javascript" src="jlayout.flexgrid"></script>
  <script type="text/javascript" src="jlayout.flow.js"></script>
  <script type="text/javascript" src="jlayout.grid.js"></script>
  <script type="text/javascript" src="jquery.jlayout.js"></script>
  <script type="text/javascript" src="jquery.sizes.js"></script>
  <script type="text/javascript" src="jquery.metadata.js"></script>


Style sheets:





Class name:

YsJLayout



Parent class:

YsJQueryPlugin



Available Options / Events:


hgap
vgap
west
center
north
east
south
type
rows
columns
items
fill
alignment
resize


Available Methods:


YsJLayout::registerOptions()
YsJLayout::getInstance()
YsJLayout::initVerticalLayout()
YsJLayout::endVerticalLayout()
YsJLayout::initHorizontalLayout()
YsJLayout::endHorizontalLayout()
YsJLayout::initBorderlLayout()
YsJLayout::endBorderLayout()
YsJLayout::initNorth()
YsJLayout::endNorth()
YsJLayout::initWest()
YsJLayout::endWest()
YsJLayout::initSouth()
YsJLayout::endSouth()
YsJLayout::initEast()
YsJLayout::endEast()
YsJLayout::initCenter()
YsJLayout::endCenter()
YsJLayout::initSection()
YsJLayout::endSection()
YsJLayout::initGridLayout()
YsJLayout::endGridLayout()
YsJLayout::initFlowLayout()
YsJLayout::endFlowLayout()
YsJLayout::initLayout()
YsJLayout::endLayout()
YsJLayout::build()
YsJLayout::doGridLayout()
YsJLayout::toggleLayout()
YsJLayout::toggleNorthLayout()
YsJLayout::toggleSouthLayout()
YsJLayout::toggleEastLayout()
YsJLayout::toggleWestLayout()
YsJLayout::toggleCenterLayout()
YsJLayout::toggleEffect()
YsJLayout::effect()
YsJLayout::hide()
YsJLayout::relayout()
YsJLayout::show()
YsJLayout::render()
YsJLayout::callMethod()
YsJLayout::callJQueryMethod()
YsJLayout::callJQueryMethodIn()
YsJLayout::initWidget()
YsJLayout::endWidget()
YsJLayout::input()
YsJLayout::inline()


PHPDocs:

Comming soon

About

Demos

jQueryUI

Plugins Support - New!

Components - New!

Project Developed by The YepSua Team
SourceForge.net