You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.1 KiB
41 lines
1.1 KiB
/**
|
|
_enyo.FittableColumns_ provides a container in which items are laid out in a
|
|
set of vertical columns, with most items having natural size, but one
|
|
expanding to fill the remaining space. The one that expands is labeled with
|
|
the attribute _fit: true_.
|
|
|
|
For example, the following code will align three components as columns, with
|
|
the second filling the available container space between the first and third:
|
|
|
|
enyo.kind({
|
|
kind: "FittableColumns",
|
|
components: [
|
|
{content: "1"},
|
|
{content: "2", fit:true},
|
|
{content: "3"}
|
|
]
|
|
});
|
|
|
|
Alternatively, you may set a kind's _layoutKind_ property to
|
|
<a href="#enyo.FittableColumnsLayout">enyo.FittableColumnsLayout</a>
|
|
to use a different base kind while still employing the fittable layout
|
|
strategy, e.g.:
|
|
|
|
enyo.kind({
|
|
kind: enyo.Control,
|
|
layoutKind: "FittableColumnsLayout",
|
|
components: [
|
|
{content: "1"},
|
|
{content: "2", fit:true},
|
|
{content: "3"}
|
|
]
|
|
});
|
|
*/
|
|
|
|
enyo.kind({
|
|
name: "enyo.FittableColumns",
|
|
layoutKind: "FittableColumnsLayout",
|
|
/** By default, items in columns stretch to fit vertically; set to true to
|
|
avoid this behavior. */
|
|
noStretch: false
|
|
});
|