Skip to content
This repository


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

UI infrastructure for Enyo applications

Octocat-spinner-32 contextual GF-36953:Contextual Popup is bleeds off the screen October 28, 2013
Octocat-spinner-32 easing Update lib/layout code to use enyo.inherit instead of this.inherited September 04, 2013
Octocat-spinner-32 fittable Add necessary styles to fittable columns when set explicitly to Not-R… January 30, 2014
Octocat-spinner-32 flex Update patch for pre.8 final changes September 06, 2013
Octocat-spinner-32 imageview delay for fixed amount of time March 31, 2014
Octocat-spinner-32 list Adding CSS overflow prop to ListPulldownSample March 27, 2014
Octocat-spinner-32 panels In enyo.Panels, ensure that we report the right index value to observ… March 12, 2014
Octocat-spinner-32 slideable Revert "ENYO-3074: Removed calls to preventTap..." January 20, 2014
Octocat-spinner-32 tree Update lib/layout code to use enyo.inherit instead of this.inherited September 04, 2013
Octocat-spinner-32 .jshintrc formatting... March 27, 2014
Octocat-spinner-32 .travis.yml Add missing period after jshint in .travis.yml May 31, 2013
Octocat-spinner-32 Add for layout library January 14, 2014
Octocat-spinner-32 Update for DCO-1.1 February 03, 2014
Octocat-spinner-32 LICENSE-2.0.txt Add LICENSE-2.0.txt to make sure license is clear at the repo level f… April 29, 2013
Octocat-spinner-32 Fix year range for layout to 2012-2014 March 07, 2014
Octocat-spinner-32 deploy.json ENYO-3012: use `packagejs:` instead of `source:` in `deploy.json` September 05, 2013
Octocat-spinner-32 Remove enyo.GridList and supporting kinds March 06, 2014
Octocat-spinner-32 package.js ENYO-2711: Add JS-visible version number August 22, 2013
Octocat-spinner-32 version.js Update version string to 2.4.0 April 14, 2014

Looking for the issue tracker?

It's moved to

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


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.


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.


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.


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 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 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.

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

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.

Something went wrong with that request. Please try again.