Solved: How can I put the logo above the dashboard header ...

patra966 · ‎04-27-2020

I want to put the logo in the top left-hand corner and above the dashboard header.
Please refer to the image below for reference.

Thanks in Advance

vnravikumar · ‎04-27-2020

Hi

Try like

<dashboard>
  <label></label>
  <row>
    <panel>
      <html>
        <img src="/static/app/search/img.png" style="width:100px;height:50px"/>
        <h1 style="text-align:center">System Process Dashboard</h1>
  </html>
    </panel>
  </row>
  <row>
    <panel>
      <table>
        <search>
          <query>index="_internal" |stats count by sourcetype</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </table>
    </panel>
  </row>
</dashboard>

View solution in original post

vnravikumar · ‎04-27-2020

Hi

Try like

<dashboard>
  <label></label>
  <row>
    <panel>
      <html>
        <img src="/static/app/search/img.png" style="width:100px;height:50px"/>
        <h1 style="text-align:center">System Process Dashboard</h1>
  </html>
    </panel>
  </row>
  <row>
    <panel>
      <table>
        <search>
          <query>index="_internal" |stats count by sourcetype</query>
          <earliest>-24h@h</earliest>
          <latest>now</latest>
        </search>
        <option name="drilldown">none</option>
      </table>
    </panel>
  </row>
</dashboard>

manidandu · ‎02-22-2022

Hi @vnravikumar,

Can you help me to understand where should i save this src=<path>?

<img src="/static/app/search/img.png"

vnravikumar · ‎03-01-2022

src refers to your app directory

How can I put the logo above the dashboard header ?

Share Your Ideas & Meet the Lantern team at .Conf! Plus All of This Month’s New ...

Combine Multiline Logs into a Single Event with SOCK: a Step-by-Step Guide for ...

Stay Connected: Your Guide to May Tech Talks, Office Hours, and Webinars!