この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。

グリッドレイアウト属性の参照

ウィジェット、行、およびセルの属性を設定して、その高さや幅などをカスタマイズします。

ウィジェット属性

ウィジェット属性では、各ウィジェットの高さと幅、およびダッシュボード上での配置場所を決定します。Flex ダッシュボードデザイナではグリッドを使用するため、行と列に関する属性を属性を指定します。たとえば、列数を指定してウィジェットの幅を決定します。各ウィジェットの属性は、gridLayouts の widgets 項目で設定します。次の JSON スニペットに、meafilter_1 ウィジェットのウィジェット属性が含まれる gridLayouts の例を示します。

1"gridLayouts": [
2    {
3        "name": "desktop",
4        "selectors": [],
5        "version": 1,
6        "widgetStyle": {},
7        "pages": [
8            {
9                "widgets": [
10                    {
11                     "name": "meafilter_1",
12                        "row": 1,
13                        "column": 2,
14                        "colspan": 4,
15                        "rowspan": 3,
16                        "widgetStyle": 
17                            {
18                                "borderEdges": []
19                            }
20                    }
21                ]
22            }
23        ]
24    }
25]

これらのウィジェットプロパティにより、次の図のようにウィジェットが配置されます。各列および行は 1 ではなく 0 で開始されています。ウィジェットの左上隅は 3 列目、1 行目です。範囲 4 列 x 9 行です。

ウィジェットに属性を 0 個以上選択できます。

プロパティ名	詳細
`name`	型 String 次のウィジェットで使用可能すべてのウィジェット説明ウィジェットの内部名。この名前は、ダッシュボード JSON でウィジェットを参照するときに使用します。
`column`	型 Integer 次のウィジェットで使用可能すべてのウィジェットダッシュボードデザイナのユーザインターフェースで公開はい。値は、ウィジェットの配置に基づいて決まります。説明ウィジェットが開始する列番号。`Column` と `row` によってウィジェットの左上隅を指定します。このウィジェットがコンテナに含まれている場合、これらの属性はコンテナウィジェットに対して相対的です。メモ
`row`	型 Integer 次のウィジェットで使用可能すべてのウィジェットダッシュボードデザイナのユーザインターフェースで公開はい。値は、ウィジェットの配置に基づいて決まります。説明ウィジェットが開始する行番号。`Column` と `row` によってウィジェットの左上隅を指定します。
`colspan`	型 Integer 次のウィジェットで使用可能すべてのウィジェットダッシュボードデザイナのユーザインターフェースで公開はい。値は、ウィジェットの配置に基づいて決まります。説明ウィジェットがまたがる列数。ウィジェットの幅。ダッシュボードに指定された幅を表示するのに十分な列数がない場合、そのダッシュボードに列が追加されます。
`rowspan`	型 Integer 次のウィジェットで使用可能すべてのウィジェットダッシュボードデザイナのユーザインターフェースで公開はい。値は、ウィジェットの配置に基づいて決まります。説明ウィジェットがまたがる行数。ウィジェットの高さ。ダッシュボードに指定された高さを表示するのに十分な行数がない場合、行が追加されます。
`widgetStyle`	型 List 次のウィジェットで使用可能すべてのウィジェットダッシュボードデザイナのユーザインターフェースで公開いいえ説明境界線の種類、境界線の色、および背景色を指定します。「ウィジェットスタイル属性」を参照してください。

ウィジェットスタイル属性

ウィジェットスタイル属性では、境界線の種類、境界線の色、および背景色を決定します。これらの属性は 2 つのレベルで指定できます。すべてのダッシュボードウィジェットのデフォルトを設定するには、gridLayouts の widgetStyle 項目を使用します。特定のウィジェットを設定するには、widgets の widgetStyle 項目を使用します。この設定はデフォルト設定よりも優先されます。

次の JSON スニペットに、meafilter_1 ウィジェットの widgetStyle 属性が含まれる gridLayouts を示します。

1"gridLayouts": [
2    {
3        "name": "desktop",
4        "selectors": [],
5        "version": 1,
6        "widgetStyle": {},
7        "pages": [
8            {
9                "widgets": [
10                    {
11                        "name": "meafilter_1",
12                        "row": 1,
13                        "column": 2,
14                        "colspan": 4,
15                        "rowspan": 3,
16                        "widgetStyle": 
17                            {
18                                "borderEdges": ["all"],
19                                "borderColor": "#44A2F5",
20                                "backgroundColor": "#E2DCF2",
21                                "borderWidth": 2
22                            }
23                    }
24                ]
25            }
26        ]
27    }
28]

前の JSON スニペットで指定された widgetStyle 属性では、次のようにウィジェットの境界線の色と背景色を書式設定します。範囲ウィジェットには、境界線の色と背景色があります。

プロパティ名	詳細
`backgroundColor`	型 String 次のウィジェットで使用可能 Flex ダッシュボードデザイナのすべてのウィジェットダッシュボードデザイナのユーザインターフェースで公開はい説明ウィジェットの背景色。デフォルトは、`#FFFFFF` です。
`borderColor`	型 String 次のウィジェットで使用可能 Flex ダッシュボードデザイナのすべてのウィジェットダッシュボードデザイナのユーザインターフェースで公開はい説明ウィジェットの境界線の色。デフォルトは、`#FFFFFF` です。
`borderEdges`	型 List 次のウィジェットで使用可能 Flex ダッシュボードデザイナのすべてのウィジェットダッシュボードデザイナのユーザインターフェースで公開はい説明ウィジェットのどの辺に境界線を表示するかを指定する値のリスト。有効な値は、`left`、`right`、`top`、`bottom`、および `all` です。デフォルトは境界線なしです。
`borderRadius`	型 Integer このウィジェットで使用可能 Flex ダッシュボードデザイナのすべてのウィジェットダッシュボードデザイナのユーザインターフェースで公開はい説明境界線の角の丸み。有効な値は、`0` (丸みなし、デフォルト)、`4`、`8`、`16` です。値が大きいほど角が丸くなります。
`borderWidth`	型 Integer 次のウィジェットで使用可能 Flex ダッシュボードデザイナのすべてのウィジェットダッシュボードデザイナのユーザインターフェースで公開はい説明ウィジェットの境界線の幅。有効な値は、`1`、`2` (デフォルト)、`4`、`8` です。
`bottomPadding`	将来の使用のために予約されています。
`leftPadding`	将来の使用のために予約されています。
`rightPadding`	将来の使用のために予約されています。
`topPadding`	将来の使用のために予約されています。

Wave Analytics ダッシュボード JSON ガイド

グリッドレイアウト属性の参照

ウィジェット属性

ウィジェットスタイル属性