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;
}
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>
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>