Override the style sheet for the view
Override the style sheet for the view
Technologies > User Interface Add-Ins > Parts for Reports > Report with Personalized Stylesheet
You may override the default style sheet either by referencing an external style sheet or including inline CSS in the view.
Reference an external style sheet by filename or url:
<css file="my-stylesheet.css"/>
<css url="http://serverapi.arcgisonline.com/js...dra/tundra.css" />
Include inline CSS in the view:
<view version="2.0"> <css> .myPanelTitleBarClass {background-color:#ffccdd} .myPanelTitleBarClass th {background-color:#dce1e6;border-left:thin black solid;border-right:thin black solid } .panelReport th {color:#a51818;font-weight:bold;font-size:14px;} .myActionClass{background-color:#ff3366;color:navy;font-weight:bold;} .panelReport .odd td{background-color:#ebebf0;} .panelReport td {border-left:thin black solid;border-right:thin black solid } </css>
Use custom CSS for the panel title bar by assigning the
headerClass
attribute:
<panel type="grid" id="reportGridPersonalizedCss_grid" dataSource="reportGridPersonalizedCss_ds"
headerClass="myPanelTitleBarClass"
>
Use custom CSS for the panel title text using the
cssClass
attribute:
<title translatable="true" cssClass="myPanelTitleTextClass" >Projects</title>
Use custom CSS for a panel-level action using the
cssClass
attribute:
<action id="show"
cssClass="myActionClass"
>
<title translatable="true">Show Selected</title>
<command type="openDialog" viewName="ab-ex-report-grid-baseline.axvw"/>
</action>