Menu

Center Align all Numbers in Report using CSS styling

 

In this example the HTML CSS styling applied to all numbers in the report is overriden to be center instead of right aligned.  Any part of the report styling may be changed in this way.  However please remember that most common styling options are already supported in Publisher without resorting to CSS styling and there is also a &style=flat-red​ parameter for applying colors patterns in general.

 

Example Report showing center alignment of numbers

WebChannelCssAlignment-1.png

Use Publisher / Report Custom Styles Enable CSS to apply your own styling

<style type=”text/css”>
  • .yui-skin-sam .yui-dt td.align-right {
    • text-align:center;
}

</style>

 

WebChannelCssAlignment-2.png

How to discover the CSS styling applied in the different Report Parts

Press F12 in IE Browser to show the development tool then using the arrow icon to click on the part of the report you want to change.  All the styling classes are display on the right

WebChannelCssAlignment-3.png

 

 

Published: 7/12/2015 8:57 PM

Related Posts