Is it possible to center the value of a panel?

zayra · ‎10-11-2019

Hi !

I have a question, it is possible to center the content of a single value panel if the panel width should be 2.8 px, as seen in the image the value is outside the panel width

efavreau · ‎10-16-2019

@zayra Here's something that may solve your problem.

Starting with this (it works but hides the number), as percentages probably won't help - based on resolution of the screen. Here's a percentage.

#panel5
{
width:3%  !important;
}
div[id="singlevalue"]
{
width:3%  !important;
}

Try using an exact px size for the number. This is my proposed solution:

#panel5
{
width:3%  !important;
}
div[id="singlevalue"]
{
width:65px !important;
}

If you want to move the panel body - it would impact all the panels in the dashboard, so probably not what you want (although it works):

#panel5
{
width:3%  !important;
}
.panel-body
{
width:65px !important;
}

I think at this point you have enough to work with. Let me know if this solves your problem.

###

If this reply helps you, an upvote would be appreciated.

efavreau · ‎10-14-2019

Seems possible. Please post the code you've tried and what version of Splunk (things change from the 6.x to the 7.x series).

###

If this reply helps you, an upvote would be appreciated.

zayra · ‎10-14-2019

Hi !!!

This is my code:

<panel depends="$alwaysHideCSS$">
  <title>Panel1</title>
  <html>
     <style type="text/css">
       .dashboard-panel .panel-body.html 
       {
 padding: 10px 10px;
 background-color: ;
       }
       .single-value .single-result 
       {
  font-size: 10px !important;
       }
  </style>
 </html>
</panel>
<panel depends="$alwaysHideCSS$">
  <title>Panel1</title>
  <html>
     <style>
       #panel5
       {
        width:3%  !important;
       }
     </style>
   </html>
</panel>


<panel id="panel5" >
  <title></title>
  <single>
    <search>
      <query>index=_internal | stats count</query>
      <earliest>-15m</earliest>
      <latest>now</latest>
    </search>
    <option name="colorMode">none</option>
    <option name="field">count</option>
    <option name="height">50</option>
    <option name="rangeColors">["0xdc4e41","0x555","0x53a051"]</option>
    <option name="rangeValues">[0,0.1]</option>
    <option name="refresh.display">progressbar</option>
    <option name="unit">%</option>
    <option name="useColors">1</option>
    <option name="refresh.link.visible">false</option>
    <option name="link.openSearch.visible">false</option>
    <option name="link.openPivot.visible">false</option>
    <option name="link.inspectSearch.visible">false</option>
    <option name="link.exportResults.visible">false</option>
  </single>
</panel>

The splunk version: 7.3.1.1

efavreau · ‎10-14-2019

You mentioned an image, but I don't see it. Could you attach it? Or if you can't, put it up on imgur or where ever, and put a link here?

###

If this reply helps you, an upvote would be appreciated.

zayra · ‎10-14-2019

the image is seen again

Is it possible to center the value of a panel?

Splunk Observability for AI

Splunk Enterprise Security 8.x: The Essential Upgrade for Threat Detection, ...

Splunk Observability as Code: From Zero to Dashboard

Are you a member of the Splunk Community?

Is it possible to center the value of a panel?

Splunk Observability for AI

Splunk Enterprise Security 8.x: The Essential Upgrade for Threat Detection, ...

Splunk Observability as Code: From Zero to Dashboard