Enyo: Up and Running: Build Native-Quality Cross-Platform JavaScript Apps by Roy Sutton

Author:Roy Sutton
Language: eng
Format: mobi, azw3, epub, pdf
Tags: COMPUTERS / Programming Languages / JavaScript
ISBN: 9781491921234
Publisher: O'Reilly Media
Published: 2015-01-09T08:00:00+00:00

Layout Library Features

The modular Layout library includes several kinds for arranging controls. Three of the kinds we’ll discuss are Fittable, List, and Panels. Visit the Enyo docs website to find out more information on the Layout library and the kinds not covered here.

Fittable

One aspect of layout that Enyo makes easier is designing elements that fill the size of a given space. Enyo provides two layout kinds, FittableColumnsLayout and FittableRowsLayout, to accomplish this. Fittable layouts allow for a set of components to be arranged such that one (and only one) component expands to fill the space available while the others retain their fixed size. FittableColumnsLayout arranges components horizontally while FittableRowsLayout arranges them vertically. To specify the child component that will expand to fit the space available, set the fit property to true.

To apply the fittable style to controls, set the layoutKind property. To make it easier to use, the Layout library includes two controls with the layout already applied: FittableColumns and FittableRows. Fittables can be arranged within each other, as the following code sample shows:

enyo.kind({

name: 'Columns',

kind: 'FittableColumns',

components: [

{ content: 'Fixed width', classes: 'dont' },

{ content: 'This expands', fit: true, classes: 'do' },

{ content: 'Another fixed width', classes: 'dont' }

]

});

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.