To reference multiple CSS files in a Splunk dashboard, you use the stylesheet attribute with a comma- separated list of file names enclosed in quotes. The correct syntax is:
xml
Copy
1
<dashboard stylesheet="custom.css, userapps.css">
Here's why this works:
* stylesheet Attribute : The stylesheet attribute allows you to specify one or more CSS files to style your dashboard.
* Comma-Separated List : Multiple CSS files are referenced by listing their names separated by commas within a single stylesheet attribute.
* Quotes : The entire list of CSS files must be enclosed in quotes to ensure proper parsing.
Other options explained:
* Option A : Incorrect because the pipe (|) character is not valid for separating CSS file names.
* Option B : Incorrect because the style attribute is not used for referencing CSS files in Splunk dashboards.
* Option C : Incorrect because the stylesheet attribute cannot be repeated; instead, all CSS files must be listed in a single stylesheet attribute.
Example:
<dashboard stylesheet="custom.css, userapps.css">
<label>Styled Dashboard</label>
<row>
<panel>
<title>Panel Title</title>
<table>
<search>
<query>index=_internal | head 10</query>
</search>
</table>
</panel>
</row>
</dashboard>
References:
* Splunk Documentation on Dashboard Styling:https://docs.splunk.com/Documentation/Splunk/latest/Viz
/CustomizeDashboardCSS
* Splunk Documentation on XML Structure:https://docs.splunk.com/Documentation/Splunk/latest/Viz
/PanelreferenceforSimplifiedXML