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

レイアウト属性の参照

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

ウィジェット属性

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

プロパティ名 詳細
colspan
整数
次のウィジェットで使用可能
  • すべてのウィジェット
説明
列内のウィジェットの幅。ウィジェットに colspan 属性を設定すると、そのウィジェットを含むセルは複数の列にまたがります。ダッシュボードcolspan で指定された幅を表示するのに十分な列数がない場合、そのダッシュボードに列が追加されます。
この例では、“chart_1” という名前のウィジェットが 3 列にまたがります。
1"layouts": {
2 "default": {
3  "page:0": [
4   “dimfilter_1 | dimfilter_2 | dimfilter_3”,
5   "chart_1 {colspan=3}"
6  ]
7 }
8}
rowspan
整数
次のウィジェットで使用可能
  • すべてのウィジェット
説明
ウィジェットがまたがる行数。ウィジェットに rowspan 属性を設定すると、そのウィジェットを含むセルは複数の行にまたがります。ダッシュボードに十分な行がない場合、行が追加されます。
この例では、“dimfilter1_1” という名前のウィジェットが 2 行にまたがります。
1"layouts": {
2 "default": {
3  "page:0": [
4   “dimfilter_1 {rowspan=2} | dimfilter_2”,
5   "chart_1"
6  ]
7 }
8}
zIndex
整数
次のウィジェットで使用可能
  • すべてのウィジェット
説明
ウィジェットの位置は、ダッシュボードの他のウィジェットに対して相対的です。zIndex では、ウィジェットが別のウィジェットの前後どちらに位置するかを指定します。zIndex 値が小さいウィジェットは、zIndex 値が大きい他のウィジェットよりも後ろに表示されます。

zIndex のデフォルト値は 0 です。

この例では、“box_1” という名前のウィジェットが “number_1” という名前のウィジェットの後ろに表示されます。
1"layouts": {
2 "default": {
3  "page:0": [
4   “box_1 {zIndex=1}, number_1 {zIndex=2} | chart_1”
5  ]
6 }
7}
vpad
整数
次のウィジェットで使用可能
  • すべてのウィジェット
説明
ウィジェットのセルの上下に追加されるパディング (ピクセル単位)。vpad が 10 の場合、セルの上下に 10 ピクセルが追加されます。

vpad のデフォルト値は 0 です。

この例では、“dimfilter_1” という名前のウィジェットを含むセルの上下に 5 ピクセルのパディングがあります。
1"layouts": {
2 "default": {
3  "page:0": [
4   “dimfilter_1 {vpad=5}”
5  ]
6 }
7}
hpad
整数
次のウィジェットで使用可能
  • すべてのウィジェット
説明
ウィジェットのセルの左右に追加されるパディング (ピクセル単位)。hpad が 10 の場合、セルの左右に 10 ピクセルが追加されます。負の値を割り当てることができます。

hpad のデフォルト値は 0 です。

この例では、“dimfilter_1” という名前のウィジェットを含むセルの上下に 5 ピクセルのパディングがあります。
1"layouts": {
2 "default": {
3  "page:0": [
4   “dimfilter_1 {hpad=5}”
5  ]
6 }
7}
yAxisWidth
整数
次のウィジェットで使用可能
  • グラフウィジェット (ChartWidget)
説明
グラフウィジェットの X 軸のサイズ (ピクセル単位)。yAxisWidth を使用して複数のグラフウィジェットを配置します。
この例では、“chart_1” という名前のウィジェットに 250 ピクセルの幅の X 軸があります。
1"layouts": {
2 "default": {
3  "page:0": [
4   “chart_1 {yAxisWidth=250}”
5  ]
6 }
7}
hAxisHeight
整数
次のウィジェットで使用可能
  • グラフウィジェット (ChartWidget)
説明
グラフウィジェットの Y 軸のサイズ (ピクセル単位)。hAxisHeight を使用して複数のグラフウィジェットを配置します。
この例では、“chart_1” という名前のウィジェットに 250 ピクセルの高さの Y 軸があります。
1"layouts": {
2 "default": {
3  "page:0": [
4   “chart_1 {hAxisHeight=250}”
5  ]
6 }
7}

行属性

行に次の属性を設定できます。

プロパティ名 詳細
height
説明
height に数値が設定されている場合、height は行の高さ (ピクセル単位) です。

heightpreferred が設定されている場合、行の高さは最大の高さと等しくなります。

この例では、最初の行の高さは 300 ピクセルです。2 番目の行の高さは、最も高いウィジェットの高さと等しくなります。
1"layouts": {
2 "default": {
3  “page:0”: [
4   “chart_1 {colspan=3} | row:{height=300}”,
5   “dimfilter_1 | buttongroup_1 | number_1 | row:{height=preferred}”
6  ]
7 }
8}