1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
/**
_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
});
|
