UI infrastructure for Enyo applications
JavaScript CSS
Switch branches/tags
pilot-12 pilot-11 pilot-10 pilot-9 pilot-8 pilot-7 pilot-6 pilot-5 pilot-4 pilot-3 pilot-2 pilot-1 jenkins-enyo-rc-release-11 jenkins-enyo-rc-release-10 jenkins-enyo-github-nightly-1338 jenkins-enyo-github-nightly-1337 jenkins-enyo-github-nightly-1336 jenkins-enyo-github-nightly-1335 jenkins-enyo-github-nightly-1334 jenkins-enyo-github-nightly-1333 jenkins-enyo-github-nightly-1332 jenkins-enyo-github-nightly-1331 jenkins-enyo-github-nightly-1330 jenkins-enyo-github-nightly-1329 jenkins-enyo-github-nightly-1328 jenkins-enyo-github-nightly-1327 jenkins-enyo-github-nightly-1326 jenkins-enyo-github-nightly-1325 jenkins-enyo-github-nightly-1324 jenkins-enyo-github-nightly-1323 jenkins-enyo-github-nightly-1322 jenkins-enyo-github-nightly-1321 jenkins-enyo-github-nightly-1320 jenkins-enyo-github-nightly-1319 jenkins-enyo-github-nightly-1318 jenkins-enyo-github-nightly-1317 jenkins-enyo-github-nightly-1316 jenkins-enyo-github-nightly-1315 jenkins-enyo-github-nightly-1314 jenkins-enyo-github-nightly-1313 jenkins-enyo-github-nightly-1312 jenkins-enyo-github-nightly-1311 jenkins-enyo-github-nightly-1310 jenkins-enyo-github-nightly-1309 jenkins-enyo-github-nightly-1308 jenkins-enyo-github-nightly-1307 jenkins-enyo-github-nightly-1306 jenkins-enyo-github-nightly-1305 jenkins-enyo-github-nightly-1304 jenkins-enyo-github-nightly-1303 jenkins-enyo-github-nightly-1302 jenkins-enyo-github-nightly-1301 jenkins-enyo-github-nightly-1300 jenkins-enyo-github-nightly-1299 jenkins-enyo-github-nightly-1298 jenkins-enyo-github-nightly-1297 jenkins-enyo-github-nightly-1296 jenkins-enyo-github-nightly-1295 jenkins-enyo-github-nightly-1294 jenkins-enyo-github-nightly-1293 jenkins-enyo-github-nightly-1292 jenkins-enyo-github-nightly-1291 jenkins-enyo-github-nightly-1290 jenkins-enyo-github-nightly-1289 jenkins-enyo-github-nightly-1288 jenkins-enyo-github-nightly-1287 jenkins-enyo-github-nightly-1286 jenkins-enyo-github-nightly-1285 jenkins-enyo-github-nightly-1284 jenkins-enyo-github-nightly-1283 jenkins-enyo-github-nightly-1282 jenkins-enyo-github-nightly-1281 jenkins-enyo-github-nightly-1280 jenkins-enyo-github-nightly-1279 jenkins-enyo-github-nightly-1278 jenkins-enyo-github-nightly-1277 jenkins-enyo-github-nightly-1276 jenkins-enyo-github-nightly-1275 jenkins-enyo-github-nightly-1274 jenkins-enyo-github-nightly-1273 jenkins-enyo-github-nightly-1272 jenkins-enyo-github-nightly-1271 jenkins-enyo-github-nightly-1270 jenkins-enyo-github-nightly-1268 jenkins-enyo-github-nightly-1267 jenkins-enyo-github-nightly-1266 jenkins-enyo-github-nightly-1265 jenkins-enyo-github-nightly-1264 jenkins-enyo-github-nightly-1263 jenkins-enyo-github-nightly-1262 jenkins-enyo-github-nightly-1261 jenkins-enyo-github-nightly-1260 jenkins-enyo-github-nightly-1259 jenkins-enyo-github-nightly-1258 jenkins-enyo-github-nightly-1257 jenkins-enyo-github-nightly-1256 jenkins-enyo-github-nightly-1255 jenkins-enyo-github-nightly-1254 jenkins-enyo-github-nightly-1253 jenkins-enyo-github-nightly-1252
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
docs
src
.enyoconfig
.gitignore
.jshintignore
.jshintrc
.travis.yml
CONTRIBUTING.md
LICENSE-2.0.txt
README.md
bower.json
gulpfile.js
index.js
package.json

README.md

Looking for the issue tracker?

It's moved to https://enyojs.atlassian.net.


This is a layout library for Enyo 2. This library provides a collection of layout functionality

List

The list package provides a List control that displays a scrolling list of rows. It's suitable for displaying very large lists and is optimized such that only a small portion of the list is rendered at a given time.

Check out the List samples in the Layout section of the Enyo Sampler to see the control in action. For more information, see the List documentation in the Enyo Developer Guide.

Fittable

The fittable package helps you create layouts that expand to fit available space--a common need for apps, but one that has historically been difficult to meet using Web technologies.

The FittableColumns and FittableRows controls let you define views whose children are arranged either horizontally or vertically. Within a given view, you can designate one child to expand and contract to fit the available space, while its siblings retain their natural or explicitly-specified sizes. Fittable views may be nested as needed.

If you're thinking that this sounds a lot like a limited version of the CSS Flexible Box Model, you're right. Our main objective was to provide a layout model with capabilities similar to Flex Box, but with greater browser compatibility. We also wanted to impose as few limitations as possible on the CSS styling of child components, and to use JavaScript sparingly (we use it to calculate the height of fittable elements, but otherwise leave the layout work to the browser).

As much as we like them, we want to emphasize that you should only use FittableColumns and FittableRows when you need views to expand and contract to fit available space. If you simply want to arrange elements horizontally or vertically, you're better off employing standard Web layout techniques.

Check out the Fittable sample to see FittableColumns and FittableRows in action.

Panels

The enyo.Panels kind is designed to satisfy a variety of common use cases for application layout. Using enyo.Panels, controls may be arranged as (among other things) a carousel, a set of collapsing panels, a card stack that fades between panels, or a grid.

For more information, see the Panels documentation on the Enyo wiki.

Slidable

Slideable is a control that can be dragged either left-to-right or up-and-down between a minimum and a maximum value. When released from dragging, a Slideable will animate to its minimum or maximum position based on the direction dragged.

Tree

Tree is a control showing a vertical list of labels with nesting and collapsing of hierarchy levels. There's a simple example in the Enyo Sampler showing the control in use as a directory and file tree.

Easing

Easing extends enyo.easing, by including thirty additional interpolation methods. There's a simple example in the Easing sample folder, showing how to implement these methods. View the Easing source to see a list of supported easing methods.

Samples

All samples reside in a consolidated sample app for Enyo and its libraries: enyo-strawman

Copyright and License Information

Unless otherwise specified, all content, including all source code files and documentation files in this repository are:

Copyright (c) 2012-2014 LG Electronics

Unless otherwise specified or set forth in the NOTICE file, all content, including all source code files and documentation files in this repository are: Licensed under the Apache License, Version 2.0 (the "License"); you may not use this content 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.