gridLayouts (Wave デザイナダッシュボードのみ)
gridLayouts セクションでは、ダッシュボード用に作成されるすべてのレイアウトを定義します。
Wave デザイナダッシュボードのレイアウトについての詳細は、「各種のデバイス固有の Wave ダッシュボードレイアウトの生成」を参照してください。Classic デザイナダッシュボードのレイアウトについての詳細は、「layouts (Classic デザイナダッシュボードのみ)」を参照してください。
例
1"gridLayouts": [
2 {
3 "name": "Default",
4 "numColumns": 14,
5 "pages": [
6 {
7 "widgets": [
8 {
9 "colspan": 9,
10 "column": 3,
11 "name": "dateselector_1",
12 "row": 0,
13 "rowspan": 15,
14 "widgetStyle": {}
15 },
16 {
17 "row": 12,
18 "column": 0,
19 "rowspan": 9,
20 "colspan": 3,
21 "name": "image_1",
22 "widgetStyle": {}
23 },
24 {
25 "colspan": 12,
26 "column": 1,
27 "name": "table_1",
28 "row": 29,
29 "rowspan": 18,
30 "widgetStyle": {
31 "borderEdges": [ "all" ],
32 "backgroundColor": "#2EC2BA",
33 "borderColor": "#9271E8",
34 "borderWidth": 4,
35 "borderRadius": 4
36 }
37 }
38 ]
39 }
40 ],
41 "rowHeight": "fine",
42 "selectors": [
43 "minWidth(400)",
44 "orientation(portrait)",
45 "platform(iOS)"
46 ],
47 "style": {
48 "alignmentX": "center",
49 "alignmentY": "center",
50 "backgroundColor": "#2EC2BA",
51 "cellSpacingX": 4,
52 "cellSpacingY": 0,
53 "fit": "stretch",
54 "gutterColor": "#AFA3CE",
55 "image": {
56 "name": "X1png",
57 "namespace": ""
58 }
59 },
60 "version": 1,
61 "maxWidth": 800
62 }
63]