1
/* -*- mode: js2; js2-basic-offset: 4; indent-tabs-mode: nil -*- */
3
const Clutter = imports.gi.Clutter;
4
const St = imports.gi.St;
6
const UI = imports.testcommon.ui;
9
let stage = Clutter.Stage.get_default();
10
stage.width = stage.height = 600;
12
let vbox = new St.BoxLayout({ vertical: true,
15
style: 'padding: 10px; '
17
+ 'font: 15px sans-serif;' });
18
stage.add_actor(vbox);
20
function L(text, color) {
21
return new St.Label({ text: text,
22
style: "background: " + color + ";"
23
+ "border: 1px solid rgba(0,0,0,0.5);"
27
////////////////////////////////////////////////////////////////////////////////
29
let table = new St.Table({ style: "border: 10px solid #888888;"
31
+ "spacing-rows: 5px;"
32
+ "spacing-columns: 15px;" });
33
vbox.add(table, { expand: true });
35
table.add(L("1", "#ff0000"),
36
{ row: 0, col: 0, col_span: 3 });
37
table.add(L("2", "#00ff00"),
38
{ row: 1, col: 0, row_span: 2 });
39
table.add(L("3", "#0000ff"),
42
table.add(L("4", "#ffff00"),
44
y_expand: 0, y_fill: 0
46
table.add(L("5", "#ff00ff"),
47
{ row: 2, col: 1, x_expand: 0 });
48
table.add(L("6", "#00ffff"),
50
x_expand: 0, x_fill: 0, x_align: 1.0,
51
y_expand: 0, y_fill: 0, y_align: 1.0 });
53
////////////////////////////////////////////////////////////////////////////////