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
|
/**
_enyo.FittableRows_ provides a container in which items are laid out in a
set of horizontal rows, with most of the 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 rows, with
the second filling the available container space between the first and third.
enyo.kind({
kind: "FittableRows",
components: [
{content: "1"},
{content: "2", fit:true},
{content: "3"}
]
});
Alternatively, you may set a kind's _layoutKind_ property to
<a href="#enyo.FittableRowsLayout">enyo.FittableRowsLayout</a>
to use a different base kind while still employing the fittable layout
strategy, e.g.:
enyo.kind({
kind: enyo.Control,
layoutKind: "FittableRowsLayout",
components: [
{content: "1"},
{content: "2", fit:true},
{content: "3"}
]
});
*/
enyo.kind({
name: "enyo.FittableRows",
layoutKind: "FittableRowsLayout",
/** By default, items in rows stretch to fit horizontally; set to true to
avoid this behavior. */
noStretch: false
});
|
