Solved: Displaying the links in a tabular format on a main...

mrkhan48

Hi I have created a main dashboard which has hyperlinks to external links and they are currently displayed as-

(bullet point) link1

(bullet point) link2

and so on.

I was them to displayed without a bullet point and in below format-

XYZ View:

link1 link2 link3 link4

link5 link6 link7 link8

Also, I want a background color for XYZ View title.

How do I achieve this? Could you please provide me a link to appropriate reference material which I can go through to sort this out? Or if you could help me achieve this please.

Many Thanks

ITWhisperer

It seems this is just HTML? Try something like this:

  <row>
    <panel>
      <html>
        <style>
          .container {
display: flex;
flex-direction: row ;
margin-left: 0!important;
margin-right: 0!important;
background-color: lightgrey;
text-align: center;
}

.field {
padding: 20px;
border: 1px solid #ccc;
}
        </style>
        <div class="container">
          <div class="field">
<li>
<a href="https://abc.xyz.com/" style="color:#008080;">ABC </a>
</li> </div>
<div class="field">
<li>
<a href="https://xxx.yyy.zzz" style="color:#008080;">XYZ</a>
</li>
</div>
        </div>
      </html>
    </panel>
  </row>

Which renders like this

View solution in original post

livehybrid

Hi @mrkhan48

Are these links coming from events? How are they currently generated? Is this a classic or dashboard studio dashboard?

🌟 Did this answer help you? If so, please consider:

Adding karma to show it was useful
Marking it as the solution if it resolved your issue
Commenting if you need any clarification

Your feedback encourages the volunteers in this community to continue contributing

mrkhan48

@livehybrid @ITWhisperer Thank you both for taking a look at my post. Sorry I should have been more clear.

I am trying to place external hyperlinks on main dashboard. For example, I have a various web based applications which my team use frequently and I want to create a one view using the splunk dashboard for all the external links. They are not generated through events.

I tried using containers as below-

.container {
display: flex;
flex-direction: row ;
margin-left: 0!important;
margin-right: 0!important;
background-color: lightgrey;
text-align: center;
}

.field {
padding: 20px;
border: 1px solid #ccc;
}

Using this external links are displayed as below-

ABC XYZ --> (In one row, space separated)

I am struggling to left align them so I thought of posting here to see if there is a better/simpler way of doing it.

I am not HTML/Splunk expert, just a beginner.

Thanks again for your time and advice.

Regards

ITWhisperer

It seems this is just HTML? Try something like this:

  <row>
    <panel>
      <html>
        <style>
          .container {
display: flex;
flex-direction: row ;
margin-left: 0!important;
margin-right: 0!important;
background-color: lightgrey;
text-align: center;
}

.field {
padding: 20px;
border: 1px solid #ccc;
}
        </style>
        <div class="container">
          <div class="field">
<li>
<a href="https://abc.xyz.com/" style="color:#008080;">ABC </a>
</li> </div>
<div class="field">
<li>
<a href="https://xxx.yyy.zzz" style="color:#008080;">XYZ</a>
</li>
</div>
        </div>
      </html>
    </panel>
  </row>

Which renders like this

mrkhan48

Thank you, that's exactly what I had. Have a nice day!

mrkhan48

typo in above *I want them to be displayed as below-

XYZ View:

link1 link2 link3 link4

link5 link6 link7 link8

Also, I want a background color for XYZ View title.

ITWhisperer

It is not clear what you are dealing with. Do you have just 8 events with a single field that you want in 2 rows of 4 values?

Please share some sample event (anonymised of course), and the search that you currently are using. Please also share your current dashboard source.

Displaying the links in a tabular format on a main dashboard

panel

Beyond Detection: How Splunk and Cisco Integrated Security Platforms Transform ...

Customer success is front and center at .conf25

.conf25 Global Broadcast: Don’t Miss a Moment

Are you a member of the Splunk Community?

Displaying the links in a tabular format on a main dashboard

panel

Beyond Detection: How Splunk and Cisco Integrated Security Platforms Transform ...

Customer success is front and center at .conf25

.conf25 Global Broadcast: Don’t Miss a Moment