Solved: Help me to align panel title center

paullt12345 · ‎03-24-2019

Hi All

I need to align panel title in center, Please help me to achieve the same.

Thanks.

vnravikumar · ‎03-24-2019

Hi

Try this using CSS.

<dashboard>
  <row depends="$hide$">
    <panel>
      <html>
      <style>
        #test h2 {
        text-align: center !important;
        }
      </style>
    </html>
    </panel>
  </row>
  <row>
    <panel id="test">
      <title>Sample Panel Title</title>
      <table>
        <search>
          <query>index="_internal" |stats count by host</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </table>
    </panel>
  </row>
</dashboard>

View solution in original post

vnravikumar · ‎03-24-2019

Hi

Try this using CSS.

<dashboard>
  <row depends="$hide$">
    <panel>
      <html>
      <style>
        #test h2 {
        text-align: center !important;
        }
      </style>
    </html>
    </panel>
  </row>
  <row>
    <panel id="test">
      <title>Sample Panel Title</title>
      <table>
        <search>
          <query>index="_internal" |stats count by host</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </table>
    </panel>
  </row>
</dashboard>

Help me to align panel title center

Observability | How to Think About Instrumentation Overhead (White Paper)

Cloud Platform | Get Resiliency in the Cloud Event (Register Now!)

The Great Resilience Quest: 10th Leaderboard Update