Hi,
After a JobStatus module has finished loading to 100% in my view, it leaves a few objects behind including this grey line shown in the following picture:
http://imageshack.us/photo/my-images/21/jobstatusline.jpg
How can this grey line be removed? Can this be removed or hidden via application.css?
Sure can. If you put this in application.css it will take it away across the entire app.
.JobStatus {
border-bottom:0px;
}
or you can put it in a special stylesheet, like my_custom_styles.css, and then reference it in the view XML as an attribute on the root node, stylesheet="my_custom_styles,css"
or if you want to keep it in application.css, this will apply the style in just in one view.
.splView-<VIEWNAME> JobStatus {
border-bottom:0px;
}
See the Splunk documentation around custom CSS for more general details:
http://www.splunk.com/base/Documentation/4.2.2/Developer/UseCSS
Sure can. If you put this in application.css it will take it away across the entire app.
.JobStatus {
border-bottom:0px;
}
or you can put it in a special stylesheet, like my_custom_styles.css, and then reference it in the view XML as an attribute on the root node, stylesheet="my_custom_styles,css"
or if you want to keep it in application.css, this will apply the style in just in one view.
.splView-<VIEWNAME> JobStatus {
border-bottom:0px;
}
See the Splunk documentation around custom CSS for more general details:
http://www.splunk.com/base/Documentation/4.2.2/Developer/UseCSS
Thanks. Your second example is particularly useful to know. Especially as I prefer this to creating additional stylesheets each time I want to apply a change to a specific view.