topic Re: How to display text message in the center of a dashboard panel? in Dashboards & Visualizations

How to display text message in the center of a dashboard panel?

Chinmai — Wed, 19 Apr 2017 12:46:20 GMT

Hi Guys,

I am displaying a custom message in my dashboard panel whenever the search returns nothing. Currently this text message is displaying at the top of the panel, but I want the message to be displayed at the center of the panel.

Can anyone help me with this?

Many Thanks in advance.

Re: How to display text message in the center of a dashboard panel?

cmerriman — Wed, 19 Apr 2017 14:09:44 GMT

What type of panel is this? Statistics table? HTML? Bar Chart? Single Value?

Re: How to display text message in the center of a dashboard panel?

rjthibod — Wed, 19 Apr 2017 14:40:01 GMT

You can use inline CSS on the html element that displays your message.

For example, here is something I do. As long as the token $no_data_chart_msg$ is defined, it will appear in place of the chart, and it is moved down using the margin setting.

<panel>
  <title>...</title>
  <html depends="$no_data_chart_msg$">
    <h3 style="margin: 100px 0 0 10px !important;">$no_data_chart_msg$</h3>
  </html>
  <chart rejects="$no_data_chart_msg$">
      ....
  </chart>
</panel>

If you want to center the message in the horizontal middle of the panel, you will probably have to get creative with the CSS using auto on the margin-left and margin-right settings.