topic Re: How to align numbers in the center of a dashboard? in Dashboards & Visualizations

How to align numbers in the center of a dashboard?

rashi83 — Fri, 31 May 2019 16:55:26 GMT

In a dashboard column,
I want numbers to be aligned in the center.
Currently, it's coming to the right side.

Re: How to align numbers in the center of a dashboard?

DavidHourani — Fri, 31 May 2019 17:03:54 GMT

Hi @rashi83,

You can do that with a little CSS magic, could you try the solution here and let me know if it works out for you ?
https://answers.splunk.com/answers/593401/how-to-allign-cell-values-of-table-in-splunk-dashb.html

Should be as simple as defining an ID for the table and then applying CSS to it.

Cheers,
David

Re: How to align numbers in the center of a dashboard?

rashi83 — Fri, 31 May 2019 17:09:39 GMT

Thanks, how can I find dashboard css?

Re: How to align numbers in the center of a dashboard?

DavidHourani — Fri, 31 May 2019 17:32:58 GMT

check out the link it's all there ^^ and let me know if you're still stuck 🙂

Re: How to align numbers in the center of a dashboard?

rashi83 — Fri, 31 May 2019 17:44:52 GMT

Hi David ,
I added following code at the end of the splunkjs-dashboard.css and restarted the splunk as well.

<<.table th, .table td{text-align: center!important}>>

I have added this as I want alignment for all tables. But still no luck !

Re: How to align numbers in the center of a dashboard?

DavidHourani — Fri, 31 May 2019 17:49:27 GMT

you should do it from the XML:

  <panel>
         <html depends="$alwaysHideCSS$">
             <style>
                   #table1 .table th, .table td {
                        text-align: center!important;
                    }
             </style>
         </html>
         ....

         <table id="table1">
             ....
         </table>

Re: How to align numbers in the center of a dashboard?

rashi83 — Mon, 03 Jun 2019 14:40:00 GMT

Thanks David , it worked after putting it in XML

Re: How to align numbers in the center of a dashboard?

DavidHourani — Mon, 03 Jun 2019 14:48:15 GMT

most welcome ! please upvote and accept 🙂

Re: How to align numbers in the center of a dashboard?

rashi83 — Mon, 03 Jun 2019 14:50:33 GMT

Already done 🙂