How can we give two different styling for two diff...

sushreeabatirna · ‎06-10-2020

Hi All,

Below is my dashboard,

I have two panels- want 2 different type of border for each to segregate .how can i do that . I wanted to use id of the element to fetch the particular element . But its not working .

.dashboard-row .dashboard-panel dashboard-element #element4{

border-style: solid;
border-color: #92a8d1;
border-width: thick;
}

Jawahir · ‎06-10-2020

Edit the simple XML code and add an "id" attribute to the <row> element (<row id="p1").

and inside panel specify your CSS style in a <style> tag (<html><style> #id{ your css style here...}</style></html>)

repeat the procedure for the second panel too.

i think this is what you asking for.......

eg:-

<row id="p1">
<panel>
<title>panel1</title>
<single>
<search>
<query>index=_internal|stats count</query>
<earliest>-24h@h</earliest>
<latest>now</latest>
<sampleRatio>1</sampleRatio>
</search>
<option name="drilldown">none</option>
</single>
<html>
<style>
#p1{
border-color: #92a8d1;
border-width: thick;
border-style: solid;
}
</style>
</html>
</panel>
</row>

Jawahir · ‎06-10-2020

Edit the simple XML code and add an "id" attribute to the <row> element (<row id="p1").

and inside panel specify your CSS style in a <style> tag (<html><style> #id{ your css style here...}</style></html>)

repeat the procedure for the second panel too.

i think this is what you asking for.......

eg:-

<row id="p1">
<panel>
<title>panel1</title>
<single>
<search>
<query>index=_internal|stats count</query>
<earliest>-24h@h</earliest>
<latest>now</latest>
<sampleRatio>1</sampleRatio>
</search>
<option name="drilldown">none</option>
</single>
<html>
<style>
#p1{
border-color: #92a8d1;
border-width: thick;
border-style: solid;
}
</style>
</html>
</panel>
</row>

How can we give two different styling for two different panel present in a row using <style>

CSS

panel

single value

Join the Splunk Community Slack to learn, troubleshoot, and make connections with fellow Splunk practitioners in real time!

Join Splunk User Groups to connect and learn in-person by region or remotely by topic or industry.

Index This | What travels the world but is also stuck in place?

Discover New Use Cases: Unlock Greater Value from Your Existing Splunk Data

Continue Your Journey: Join Session 2 of the Data Management and Federation Bootcamp ...

Join the Conversation