forked from ialexi/hedwig
-
Notifications
You must be signed in to change notification settings - Fork 2
/
button-size.js
39 lines (32 loc) · 1 KB
/
button-size.js
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
var MyExampleView = SC.View.extend({
backgroundColor: "white",
childViews: "form".w(),
form: SC.FormView.design({
layout: {centerX: 0, centerY: 0, width: 400, height: 300 },
childViews: "small regular huge jumbo".w(),
small: SC.FormView.row(SC.ButtonView.design({
layout: { width: 100, height: 18 },
title: "I'm TINY!",
controlSize: SC.SMALL_CONTROL_SIZE
})),
regular: SC.FormView.row(SC.ButtonView.design({
layout: { width: 100, height: 24 },
title: "I'm Normal!",
controlSize: SC.REGULAR_CONTROL_SIZE
})),
huge: SC.FormView.row(SC.ButtonView.design({
layout: { width: 100, height: 30 },
title: "I'm huge.",
controlSize: SC.HUGE_CONTROL_SIZE
})),
jumbo: SC.FormView.row(SC.ButtonView.design({
layout: { width: 150, height: 44 },
title: "i'm jumbo.",
controlSize: SC.JUMBO_CONTROL_SIZE
}))
})
});
// bootstrap code :)
exports.getDemoView = function() {
return MyExampleView;
};