I've got 3 single values and I'd like to put them into a row within a panel. The problem is that the last single value jumps to the row below. Is there any way to reduce the size or width to allow for all 3 single values to always be in the row no matter what size the browser window is at ?
Hi @Zubism,
could you share your code?
you should be able to put all the three Single Panels in the same row.
Ciao.
Giuseppe
<panel>
<title>Single Values</title>
<single>
<title>Single value 1</title>
<search>
<query>***</query>
<earliest>-24h@h</earliest>
<latest>now</latest>
</search>
<option name="drilldown">none</option>
<option name="numberPrecision">0.000</option>
<option name="rangeColors">["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]</option>
<option name="refresh.display">progressbar</option>
<option name="underLabel">percentage</option>
<option name="unit">%</option>
<option name="useColors">0</option>
</single>
<single>
<title>Single Value 2</title>
<search>
<query>***</query>
<earliest>-7d@h</earliest>
<latest>now</latest>
</search>
<option name="drilldown">none</option>
<option name="numberPrecision">0.000</option>
<option name="rangeColors">["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]</option>
<option name="refresh.display">progressbar</option>
<option name="underLabel">percentage</option>
<option name="unit">%</option>
<option name="useColors">0</option>
</single>
<single>
<title>Single value 3</title>
<search>
<query>***</query>
<earliest>-30d@d</earliest>
<latest>now</latest>
</search>
<option name="drilldown">none</option>
<option name="numberPrecision">0.000</option>
<option name="rangeColors">["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]</option>
<option name="refresh.display">progressbar</option>
<option name="underLabel">percentage</option>
<option name="unit">%</option>
<option name="useColors">0</option>
</single>
</panel>
Hi @Zubism,
did you tried to use separate panels?
<row>
<panel>
<title>Single Values</title>
<single>
<title>Single value 1</title>
<search>
<query>***</query>
<earliest>-24h@h</earliest>
<latest>now</latest>
</search>
<option name="drilldown">none</option>
<option name="numberPrecision">0.000</option>
<option name="rangeColors">["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]</option>
<option name="refresh.display">progressbar</option>
<option name="underLabel">percentage</option>
<option name="unit">%</option>
<option name="useColors">0</option>
</single>
</panel>
<panel>
<single>
<title>Single Value 2</title>
<search>
<query>***</query>
<earliest>-7d@h</earliest>
<latest>now</latest>
</search>
<option name="drilldown">none</option>
<option name="numberPrecision">0.000</option>
<option name="rangeColors">["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]</option>
<option name="refresh.display">progressbar</option>
<option name="underLabel">percentage</option>
<option name="unit">%</option>
<option name="useColors">0</option>
</single>
</panel>
<panel>
<single>
<title>Single value 3</title>
<search>
<query>***</query>
<earliest>-30d@d</earliest>
<latest>now</latest>
</search>
<option name="drilldown">none</option>
<option name="numberPrecision">0.000</option>
<option name="rangeColors">["0x53a051","0x0877a6","0xf8be34","0xf1813f","0xdc4e41"]</option>
<option name="refresh.display">progressbar</option>
<option name="underLabel">percentage</option>
<option name="unit">%</option>
<option name="useColors">0</option>
</single>
</panel>
</row>
Ciao.
Giuseppe