Spread our blog

How to change width of a dashboard panel?

In Splunk if we add multiple dashboard panels in a one row, then Splunk will assign space for those panels by default i.e. if four panels are present in a row then each panel will occupy 25% of space by default.

Now, here the problem arises, how to overcome this?

Take one example suppose three panels are present in a row, but as one can see that third panel of this row is not visible properly.

width1

So what to do now, to make that third panel visible properly, it can be possible by increasing the width of that panels. Let’s start then.

At first go to the source code and add a another panel in that same row , and write following html code within that panel.

   <panel depends="$alwaysHideCSS$">

      <title>Single value</title>

      <html>

     <style>

       #errorSinglePanel{

         width:25% !important;

       }

       #errorStatsPanel{

         width:25% !important;

       }

       #errorLineChartPanel{

         width:50% !important;

       }

     </style>

   </html>

    </panel>

width3

In the next and final, step assign those panel ids which are written in the xml code.                                                                                                                            width4

NOTE: IN THE XML CODE BY CHANGING THE WIDTH, SIZE OF THE PANEL CAN BE CONTROLLED

After saving this source code, refresh the page once and changes will be reflected in the dashboard UI.

You can also know about :  How To Add The Time In Dashboard Panel Title

width2

That’s all for this blog, hope you have enjoyed this simple concept of changing the width of a dashboard panel.

Happy Splunking !!

What’s your Reaction?
+1
+1
+1
+1
+1
1
+1
+1

Spread our blog

1 COMMENT

LEAVE A REPLY

Please enter your comment!
Please enter your name here