EnhancedHTML2 set html page background

JeanLeBrun · April 4, 2023, 9:50am

Hi

For the experienced users with the EnhancedHTML2 module written by Don Jones

the reports work fine as I Like them to be.
My question is how do you change the color of the html page background.
None of my attemps succeed in changing the default ‘white’ color.

this is my CSS:

$style = @"
<style>
body {
	background-color:#D6E0C5;
    font-family:Verdana,sans-serif;
    font-size: 7pt;
}
h1 {
    text-align:center;
}
h2 {
    border-top:1px solid #666666;
	font-size: 14pt;
}
TABLE {
	border: 1px solid black;
	border-with: 1px solid green;
}

td {
	border:1px solid #008B8B;
	border-collapse: collapse;
}

th {
    border-collapse: collapse;
	font-weight:bold;
    color:#eeeeee;
    background-color:#333333;
    cursor:pointer;
}

.odd  { background-color:#BBD6FF;
		font-family:Verdana,sans-serif;
		font-size: 8pt;
}
.even { background-color:#00BFFF;
		font-family:Verdana,sans-serif;
		font-size: 8pt;
}
.paginate_enabled_next, .paginate_enabled_previous {
    cursor:pointer; 
    border:1px solid black; 
	border-collapse: collapse;
    background-color:#dddddd; 
    padding:2px; 
    margin:1px;
    border-radius:2px;
}
.paginate_disabled_previous, .paginate_disabled_next {
    color:#666666; 
    cursor:pointer;
    background-color:#dddddd; 
	border-collapse: collapse;
    padding:2px; 
    margin:1px;
    border-radius:2px;
}
.dataTables_info { margin-bottom:4px; }
.sectionheader { cursor:pointer; }
.sectionheader:hover { 
	color:red;
	font-weight:bold
}
.grid { width:100% }
.red {
	background-color:red;
	color:white;
	font-weight:bold;
}
.yellow {
	background-color:yellow;
	color:black;
	font-weight:bold;
}
.green {
	background-color:green;
	color:white;
	font-weight:bold;
}
</style>
"@

What am I doing wrong?
Any help is welcome

Thank you,
Jean

Olaf · April 4, 2023, 9:59am

Jean,
Welcome to the forum.

That’s actually more an HTML/CSS question than PowerShell.

Does the rest of the report look like you’d expect it from your CSS? The color you choose is quite subtle. Did you try another color?

Could you share your HTML (or a working part of it) for us to check and play with it?

JeanLeBrun · April 4, 2023, 10:03am

Hi Olaf,

Thank for replying !
I’ll reduce and change the reporting content and will provide the HTML file.
The colors…I know, I will change them… I’m color blind so they might seem odd to others

Cheers,
Jean

JeanLeBrun · April 4, 2023, 11:24am

hi,

I’ve added the html file, you’ll have to save it as such to view it.
So for me, the Page background is always white.

Thank you

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style><style>
body {
	background-color:#D6E0C5;
    font-family:Verdana,sans-serif;
    font-size: 7pt;
}
h1 {
    text-align:center;
}
h2 {
    border-top:1px solid #666666;
	font-size: 14pt;
}
TABLE {
	border: 1px solid black;
	border-with: 1px solid green;
}

td {
	border:1px solid #008B8B;
	border-collapse: collapse;
}

th {
    border-collapse: collapse;
	font-weight:bold;
    color:#eeeeee;
    background-color:#333333;
    cursor:pointer;
}

.odd  { background-color:#BBD6FF;
		font-family:Verdana,sans-serif;
		font-size: 8pt;
}
.even { background-color:#00BFFF;
		font-family:Verdana,sans-serif;
		font-size: 8pt;
}
.paginate_enabled_next, .paginate_enabled_previous {
    cursor:pointer; 
    border:1px solid black; 
	border-collapse: collapse;
    background-color:#dddddd; 
    padding:2px; 
    margin:1px;
    border-radius:2px;
}
.paginate_disabled_previous, .paginate_disabled_next {
    color:#666666; 
    cursor:pointer;
    background-color:#dddddd; 
	border-collapse: collapse;
    padding:2px; 
    margin:1px;
    border-radius:2px;
}
.dataTables_info { margin-bottom:4px; }
.sectionheader { cursor:pointer; }
.sectionheader:hover { 
	color:red;
	font-weight:bold
}
.grid { width:100% }
.red {
	background-color:red;
	color:white;
	font-weight:bold;
}
.yellow {
	background-color:yellow;
	color:black;
	font-weight:bold;
}
.green {
	background-color:green;
	color:white;
	font-weight:bold;
}
</style></style>

<title>SCOM Enhanced HealthCheck Daily Report</title>
<script charset="utf8" type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
<script charset="utf8" type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.3/jquery.dataTables.min.js"></script>
<script type="text/javascript">$(document).ready(function () {$('.enhancedhtml-dynamic-table').dataTable();} );</script>
</head><body>
<h1>SCOM Enhanced HealthCheck Daily Report - 04/04/2023</h1>
<span class="sectionheader" onclick="$('#7663b09a-d8e1-4489-acbc-565deeb78ba3').toggle(500);"><h2>&diams; Top 25 Alerts with Repeat Count per Server - 24h</h2></span>
<div  id="7663b09a-d8e1-4489-acbc-565deeb78ba3" style="display:none;"><table class="enhancedhtml-dynamic-table grid"id="7663b09a-d8e1-4489-acbc-565deeb78ba3"><thead><tr><th>Repeat Count</th><th>Target</th><th>Rule</th><th>AlertName</th><th>MP</th></tr></thead><tbody><tr class="even"><td class="">21</td><td>Windows Computer</td><td>Winautomation Event Log Alerting</td><td>Winautomation Monitoring error</td><td></td></tr><tr class="odd"><td class="">10</td><td>Health Service</td><td>Generic Performance Mapper Module Runtime Failure</td><td>Operations Manager Failed to convert performance data</td><td>System Center Core Monitoring</td></tr><tr class="even"><td class="">9</td><td>Health Service</td><td>Alert on Failed Power Shell Scripts</td><td>Power Shell Script failed to run</td><td>System Center Core Monitoring</td></tr><tr class="odd"><td class="">6</td><td>Health Service</td><td>Alert on Failed Power Shell Scripts</td><td>Power Shell Script failed to run</td><td>System Center Core Monitoring</td></tr><tr class="even"><td class="">5</td><td>Health Service</td><td>Alert on Failed Power Shell Scripts</td><td>Power Shell Script failed to run</td><td>System Center Core Monitoring</td></tr><tr class="odd"><td class="">4</td><td>Health Service</td><td>DB2 Query Failure Alert</td><td>DB2 Query Failed to Run</td><td>MLOZ DB2 Query Management Pack</td></tr><tr class="even"><td class="">3</td><td>Health Service</td><td>Alert on Failed Power Shell Scripts</td><td>Power Shell Script failed to run</td><td>System Center Core Monitoring</td></tr><tr class="odd"><td class="">1</td><td>MSSQL on Windows Integration Services: Local Instance</td><td>MSSQL Integration Services on Windows: Integration Service Package Failed</td><td>MSSQL Integration Services on Windows: Integration Service Package Failed</td><td>Microsoft SQL Server Integration Services on Windows</td></tr><tr class="even"><td class="">1</td><td>Health Service</td><td>Alert on Failed Power Shell Scripts</td><td>Power Shell Script failed to run</td><td>System Center Core Monitoring</td></tr><tr class="odd"><td class="">1</td><td>ConfigMgr Client</td><td>Application Deployment Alert</td><td>Failed to install application on client</td><td>Microsoft System Center 2012 Configuration Manager Monitoring</td></tr><tr class="even"><td class="">1</td><td></td><td>Alert rule for warning</td><td>AlertMessage for warning</td><td>Openshift</td></tr><tr class="odd"><td class="">1</td><td>Windows Computer</td><td>Winautomation Robot Alerting</td><td>Winautomation Reboot of the Robot</td><td></td></tr><tr class="even"><td class="">0</td><td>AS/400 Instance</td><td>Alert rule for MESSAGE - PROCEDURE POUR OPS</td><td>GRD0101</td><td>eView Management Pack extensions</td></tr><tr class="odd"><td class="">0</td><td>MSSQL on Windows: Database</td><td>MSSQL on Windows: Database Backup Failed To Complete</td><td>MSSQL on Windows: Database Backup Failed To Complete</td><td>Microsoft SQL Server on Windows (Monitoring)</td></tr><tr class="even"><td class="">0</td><td>AS/400 Instance</td><td>Alert rule for MESSAGE - PROCEDURE POUR OPS</td><td>GRD0101</td><td>eView Management Pack extensions</td></tr><tr class="odd"><td class="">0</td><td>Health Service</td><td>Alert on Failed Power Shell Scripts</td><td>Power Shell Script failed to run</td><td>System Center Core Monitoring</td></tr><tr class="even"><td class="">0</td><td>Health Service</td><td>Workflow Runtime: Failed to run a process or script</td><td>Operations Manager failed to start a process</td><td>System Center Core Monitoring</td></tr><tr class="odd"><td class="">0</td><td>IIS 10 Application Pool</td><td>Application Pool worker process is unresponsive</td><td>Application Pool worker process is unresponsive</td><td>Microsoft Windows Server 2016 and 1709+ Internet Information Services 10</td></tr><tr class="even"><td class="">0</td><td>All Management Servers Resource Pool</td><td>OpsMgr Self Maintenance Obsolete Management Pack Alias Detection Rule</td><td>Obsolete aliases found in unsealed management packs</td><td>OpsMgr Self Maintenance Management Pack</td></tr><tr class="odd"><td class="">0</td><td>Health Service</td><td>Alert on Failed Power Shell Scripts</td><td>Power Shell Script failed to run</td><td>System Center Core Monitoring</td></tr><tr class="even"><td class="">0</td><td>MSSQL on Windows Integration Services: Local Instance</td><td>MSSQL Integration Services on Windows: Integration Service Package Failed</td><td>MSSQL Integration Services on Windows: Integration Service Package Failed</td><td>Microsoft SQL Server Integration Services on Windows</td></tr><tr class="odd"><td class="">0</td><td>MSSQL on Windows: Database</td><td>MSSQL on Windows: Database Backup Failed To Complete</td><td>MSSQL on Windows: Database Backup Failed To Complete</td><td>Microsoft SQL Server on Windows (Monitoring)</td></tr><tr class="even"><td class="">0</td><td>MSSQL on Windows: Database</td><td>MSSQL on Windows: Database Backup Failed To Complete</td><td>MSSQL on Windows: Database Backup Failed To Complete</td><td>Microsoft SQL Server on Windows (Monitoring)</td></tr><tr class="odd"><td class="">0</td><td>MSSQL on Windows: Database</td><td>MSSQL on Windows: Database Backup Failed To Complete</td><td>MSSQL on Windows: Database Backup Failed To Complete</td><td>Microsoft SQL Server on Windows (Monitoring)</td></tr><tr class="even"><td class="">0</td><td>Health Service</td><td>Alert on Failed Power Shell Scripts</td><td>Power Shell Script failed to run</td><td>System Center Core Monitoring</td></tr></tbody></table></div>

<table>
</table>
</body></html>

Olaf · April 4, 2023, 11:42am

Hmmm … your <style> tags are wrong. But when I correct that I get a light pastel green as the background color.

You may change it to something more saturated and maybe another color … depending on your color blindness.

JeanLeBrun · April 4, 2023, 11:46am

Hey

Pastel green is sooo nice…
Can you please share the change you made? I’m full of eager to this

Thank you

Olaf · April 4, 2023, 12:02pm

You messed up your style tags …

<style><style>
...
...
</style></style>

In the end it should look like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <style>
        body {
            background-color: #D6E0C5;
            font-family: Verdana, sans-serif;
            font-size: 7pt;
        }

        h1 {
            text-align: center;
        }

        h2 {
            border-top: 1px solid #666666;
            font-size: 14pt;
        }

        TABLE {
            border: 1px solid black;
            border-with: 1px solid green;
        }

        td {
            border: 1px solid #008B8B;
            border-collapse: collapse;
        }

        th {
            border-collapse: collapse;
            font-weight: bold;
            color: #eeeeee;
            background-color: #333333;
            cursor: pointer;
        }

        .odd {
            background-color: #BBD6FF;
            font-family: Verdana, sans-serif;
            font-size: 8pt;
        }

        .even {
            background-color: #00BFFF;
            font-family: Verdana, sans-serif;
            font-size: 8pt;
        }

        .paginate_enabled_next,
        .paginate_enabled_previous {
            cursor: pointer;
            border: 1px solid black;
            border-collapse: collapse;
            background-color: #dddddd;
            padding: 2px;
            margin: 1px;
            border-radius: 2px;
        }

        .paginate_disabled_previous,
        .paginate_disabled_next {
            color: #666666;
            cursor: pointer;
            background-color: #dddddd;
            border-collapse: collapse;
            padding: 2px;
            margin: 1px;
            border-radius: 2px;
        }

        .dataTables_info {
            margin-bottom: 4px;
        }

        .sectionheader {
            cursor: pointer;
        }

        .sectionheader:hover {
            color: red;
            font-weight: bold
        }

        .grid {
            width: 100%
        }

        .red {
            background-color: red;
            color: white;
            font-weight: bold;
        }

        .yellow {
            background-color: yellow;
            color: black;
            font-weight: bold;
        }

        .green {
            background-color: green;
            color: white;
            font-weight: bold;
        }
    </style>

    <title>SCOM Enhanced HealthCheck Daily Report</title>
    <script charset="utf8" type="text/javascript"
        src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>
    <script charset="utf8" type="text/javascript"
        src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.3/jquery.dataTables.min.js"></script>
    <script
        type="text/javascript">$(document).ready(function () { $('.enhancedhtml-dynamic-table').dataTable(); });</script>
</head>

<body>
    <h1>SCOM Enhanced HealthCheck Daily Report - 04/04/2023</h1>
    <span class="sectionheader" onclick="$('#7663b09a-d8e1-4489-acbc-565deeb78ba3').toggle(500);">
        <h2>&diams; Top 25 Alerts with Repeat Count per Server - 24h</h2>
    </span>
    <div id="7663b09a-d8e1-4489-acbc-565deeb78ba3" style="display:none;">
        <table class="enhancedhtml-dynamic-table grid" id="7663b09a-d8e1-4489-acbc-565deeb78ba3">
            <thead>
                <tr>
                    <th>Repeat Count</th>
                    <th>Target</th>
                    <th>Rule</th>
                    <th>AlertName</th>
                    <th>MP</th>
                </tr>
            </thead>
            <tbody>
                <tr class="even">
                    <td class="">21</td>
                    <td>Windows Computer</td>
                    <td>Winautomation Event Log Alerting</td>
                    <td>Winautomation Monitoring error</td>
                    <td></td>
                </tr>
                <tr class="odd">
                    <td class="">10</td>
                    <td>Health Service</td>
                    <td>Generic Performance Mapper Module Runtime Failure</td>
                    <td>Operations Manager Failed to convert performance data</td>
                    <td>System Center Core Monitoring</td>
                </tr>
                <tr class="even">
                    <td class="">9</td>
                    <td>Health Service</td>
                    <td>Alert on Failed Power Shell Scripts</td>
                    <td>Power Shell Script failed to run</td>
                    <td>System Center Core Monitoring</td>
                </tr>
                <tr class="odd">
                    <td class="">6</td>
                    <td>Health Service</td>
                    <td>Alert on Failed Power Shell Scripts</td>
                    <td>Power Shell Script failed to run</td>
                    <td>System Center Core Monitoring</td>
                </tr>
                <tr class="even">
                    <td class="">5</td>
                    <td>Health Service</td>
                    <td>Alert on Failed Power Shell Scripts</td>
                    <td>Power Shell Script failed to run</td>
                    <td>System Center Core Monitoring</td>
                </tr>
                <tr class="odd">
                    <td class="">4</td>
                    <td>Health Service</td>
                    <td>DB2 Query Failure Alert</td>
                    <td>DB2 Query Failed to Run</td>
                    <td>MLOZ DB2 Query Management Pack</td>
                </tr>
                <tr class="even">
                    <td class="">3</td>
                    <td>Health Service</td>
                    <td>Alert on Failed Power Shell Scripts</td>
                    <td>Power Shell Script failed to run</td>
                    <td>System Center Core Monitoring</td>
                </tr>
                <tr class="odd">
                    <td class="">1</td>
                    <td>MSSQL on Windows Integration Services: Local Instance</td>
                    <td>MSSQL Integration Services on Windows: Integration Service Package Failed</td>
                    <td>MSSQL Integration Services on Windows: Integration Service Package Failed</td>
                    <td>Microsoft SQL Server Integration Services on Windows</td>
                </tr>
                <tr class="even">
                    <td class="">1</td>
                    <td>Health Service</td>
                    <td>Alert on Failed Power Shell Scripts</td>
                    <td>Power Shell Script failed to run</td>
                    <td>System Center Core Monitoring</td>
                </tr>
                <tr class="odd">
                    <td class="">1</td>
                    <td>ConfigMgr Client</td>
                    <td>Application Deployment Alert</td>
                    <td>Failed to install application on client</td>
                    <td>Microsoft System Center 2012 Configuration Manager Monitoring</td>
                </tr>
                <tr class="even">
                    <td class="">1</td>
                    <td></td>
                    <td>Alert rule for warning</td>
                    <td>AlertMessage for warning</td>
                    <td>Openshift</td>
                </tr>
                <tr class="odd">
                    <td class="">1</td>
                    <td>Windows Computer</td>
                    <td>Winautomation Robot Alerting</td>
                    <td>Winautomation Reboot of the Robot</td>
                    <td></td>
                </tr>
                <tr class="even">
                    <td class="">0</td>
                    <td>AS/400 Instance</td>
                    <td>Alert rule for MESSAGE - PROCEDURE POUR OPS</td>
                    <td>GRD0101</td>
                    <td>eView Management Pack extensions</td>
                </tr>
                <tr class="odd">
                    <td class="">0</td>
                    <td>MSSQL on Windows: Database</td>
                    <td>MSSQL on Windows: Database Backup Failed To Complete</td>
                    <td>MSSQL on Windows: Database Backup Failed To Complete</td>
                    <td>Microsoft SQL Server on Windows (Monitoring)</td>
                </tr>
                <tr class="even">
                    <td class="">0</td>
                    <td>AS/400 Instance</td>
                    <td>Alert rule for MESSAGE - PROCEDURE POUR OPS</td>
                    <td>GRD0101</td>
                    <td>eView Management Pack extensions</td>
                </tr>
                <tr class="odd">
                    <td class="">0</td>
                    <td>Health Service</td>
                    <td>Alert on Failed Power Shell Scripts</td>
                    <td>Power Shell Script failed to run</td>
                    <td>System Center Core Monitoring</td>
                </tr>
                <tr class="even">
                    <td class="">0</td>
                    <td>Health Service</td>
                    <td>Workflow Runtime: Failed to run a process or script</td>
                    <td>Operations Manager failed to start a process</td>
                    <td>System Center Core Monitoring</td>
                </tr>
                <tr class="odd">
                    <td class="">0</td>
                    <td>IIS 10 Application Pool</td>
                    <td>Application Pool worker process is unresponsive</td>
                    <td>Application Pool worker process is unresponsive</td>
                    <td>Microsoft Windows Server 2016 and 1709+ Internet Information Services 10</td>
                </tr>
                <tr class="even">
                    <td class="">0</td>
                    <td>All Management Servers Resource Pool</td>
                    <td>OpsMgr Self Maintenance Obsolete Management Pack Alias Detection Rule</td>
                    <td>Obsolete aliases found in unsealed management packs</td>
                    <td>OpsMgr Self Maintenance Management Pack</td>
                </tr>
                <tr class="odd">
                    <td class="">0</td>
                    <td>Health Service</td>
                    <td>Alert on Failed Power Shell Scripts</td>
                    <td>Power Shell Script failed to run</td>
                    <td>System Center Core Monitoring</td>
                </tr>
                <tr class="even">
                    <td class="">0</td>
                    <td>MSSQL on Windows Integration Services: Local Instance</td>
                    <td>MSSQL Integration Services on Windows: Integration Service Package Failed</td>
                    <td>MSSQL Integration Services on Windows: Integration Service Package Failed</td>
                    <td>Microsoft SQL Server Integration Services on Windows</td>
                </tr>
                <tr class="odd">
                    <td class="">0</td>
                    <td>MSSQL on Windows: Database</td>
                    <td>MSSQL on Windows: Database Backup Failed To Complete</td>
                    <td>MSSQL on Windows: Database Backup Failed To Complete</td>
                    <td>Microsoft SQL Server on Windows (Monitoring)</td>
                </tr>
                <tr class="even">
                    <td class="">0</td>
                    <td>MSSQL on Windows: Database</td>
                    <td>MSSQL on Windows: Database Backup Failed To Complete</td>
                    <td>MSSQL on Windows: Database Backup Failed To Complete</td>
                    <td>Microsoft SQL Server on Windows (Monitoring)</td>
                </tr>
                <tr class="odd">
                    <td class="">0</td>
                    <td>MSSQL on Windows: Database</td>
                    <td>MSSQL on Windows: Database Backup Failed To Complete</td>
                    <td>MSSQL on Windows: Database Backup Failed To Complete</td>
                    <td>Microsoft SQL Server on Windows (Monitoring)</td>
                </tr>
                <tr class="even">
                    <td class="">0</td>
                    <td>Health Service</td>
                    <td>Alert on Failed Power Shell Scripts</td>
                    <td>Power Shell Script failed to run</td>
                    <td>System Center Core Monitoring</td>
                </tr>
            </tbody>
        </table>
    </div>

    <table>
    </table>
</body>

</html>

I took a screenshot in front of a white background to show the difference:

JeanLeBrun · April 4, 2023, 12:25pm

I am amazed by the result, that’s truly wonderful !!
So I know it is possible
But then I do not know why I have this issue, when I check in my script
I can see the correct single <style> at begin and single </style> at end.
Something must have gone wrong while I copied it to my posting.

it’s maybe related to this section ?

# Formatting
#######################

#Formatting Report #5
$params = [ordered]@{
        'As'='Table';
        'PreContent'='<h2>&diams; Top 25 Alerts with Repeat Count per Server - 24h</h2>';
        'EvenRowCssClass'='even';
        'OddRowCssClass'='odd';
        'MakeHiddenSection'=$false;
        'MakeTableDynamic'=$true;
        'TableCssClass'='grid';
        'Properties'=@{n='Repeat Count';e={$_.RepeatCount};css={if ($_.RepeatCount -gt 250) { 'red' }}},
                        'Target',
                        'Rule',
                        'AlertName',
                        'MP'
}
    
$params = $params | Sort-Object 'Repeat Count' -descending
$html_al24 = GetAlerts24h($ALLAlerts) | ConvertTo-EnhancedHTMLFragment @params	

$params = @{
    'CssStyleSheet'=$style;
    'Title'="SCOM Enhanced HealthCheck Daily Report";
    'PreContent'="<h1>SCOM Enhanced HealthCheck Daily Report - $SDay</h1>";
    'HTMLFragments'=@($html_al24);
    'jQueryDataTableUri'='http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.3/jquery.dataTables.min.js';
    'jQueryUri'='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js'
}

ConvertTo-EnhancedHTML @params |
Out-File -FilePath $Path

I’ll embed my CSS again

$style = @"
<style>
body {
	background-color:#D6E0C5;
    font-family:Verdana,sans-serif;
    font-size: 7pt;
}
h1 {
    text-align:center;
}
h2 {
    border-top:1px solid #666666;
	font-size: 14pt;
}
TABLE {
	border: 1px solid black;
	border-with: 1px solid green;
}

td {
	border:1px solid #008B8B;
	border-collapse: collapse;
}

th {
    border-collapse: collapse;
	font-weight:bold;
    color:#eeeeee;
    background-color:#333333;
    cursor:pointer;
}

.odd  { background-color:#BBD6FF;
		font-family:Verdana,sans-serif;
		font-size: 8pt;
}
.even { background-color:#00BFFF;
		font-family:Verdana,sans-serif;
		font-size: 8pt;
}
.paginate_enabled_next, .paginate_enabled_previous {
    cursor:pointer; 
    border:1px solid black; 
	border-collapse: collapse;
    background-color:#dddddd; 
    padding:2px; 
    margin:1px;
    border-radius:2px;
}
.paginate_disabled_previous, .paginate_disabled_next {
    color:#666666; 
    cursor:pointer;
    background-color:#dddddd; 
	border-collapse: collapse;
    padding:2px; 
    margin:1px;
    border-radius:2px;
}
.dataTables_info { margin-bottom:4px; }
.sectionheader { cursor:pointer; }
.sectionheader:hover { 
	color:red;
	font-weight:bold
}
.grid { width:100% }
.red {
	background-color:red;
	color:white;
	font-weight:bold;
}
.yellow {
	background-color:yellow;
	color:black;
	font-weight:bold;
}
.green {
	background-color:green;
	color:white;
	font-weight:bold;
}
</style>
"@

I don’t understand why the
</style></style> appears twice in my HTML files.

Do you have an idea based on the code that I’ve shown ?

Thanks again

Olaf · April 4, 2023, 12:58pm

If I got it right you’re not supposed to include the <style> tags in your actual style definition.

So it should be something like this:

$style = @"
body {
	background-color:#D6E0C5;
    font-family:Verdana,sans-serif;
    font-size: 7pt;
}
h1 {
    text-align:center;
}
h2 {
    border-top:1px solid #666666;
	font-size: 14pt;
}
TABLE {
	border: 1px solid black;
	border-with: 1px solid green;
}

td {
	border:1px solid #008B8B;
	border-collapse: collapse;
}

th {
    border-collapse: collapse;
	font-weight:bold;
    color:#eeeeee;
    background-color:#333333;
    cursor:pointer;
}

.odd  { background-color:#BBD6FF;
		font-family:Verdana,sans-serif;
		font-size: 8pt;
}
.even { background-color:#00BFFF;
		font-family:Verdana,sans-serif;
		font-size: 8pt;
}
.paginate_enabled_next, .paginate_enabled_previous {
    cursor:pointer; 
    border:1px solid black; 
	border-collapse: collapse;
    background-color:#dddddd; 
    padding:2px; 
    margin:1px;
    border-radius:2px;
}
.paginate_disabled_previous, .paginate_disabled_next {
    color:#666666; 
    cursor:pointer;
    background-color:#dddddd; 
	border-collapse: collapse;
    padding:2px; 
    margin:1px;
    border-radius:2px;
}
.dataTables_info { margin-bottom:4px; }
.sectionheader { cursor:pointer; }
.sectionheader:hover { 
	color:red;
	font-weight:bold
}
.grid { width:100% }
.red {
	background-color:red;
	color:white;
	font-weight:bold;
}
.yellow {
	background-color:yellow;
	color:black;
	font-weight:bold;
}
.green {
	background-color:green;
	color:white;
	font-weight:bold;
}
"@

JeanLeBrun · April 4, 2023, 1:33pm

Excellent Olaf !!
You solved my issue
I am very grateful for your time and support and your quick responses!

… I can now go on try to find some better suited colors that normal humans can appreciate …

Many many thanks

Topic		Replies	Views
How to color HTML output rows PowerShell Help	1	270	May 16, 2024
Powershell + HTML PowerShell Help	4	183	May 16, 2024
HTML/CSS Help with Powershell Scripts PowerShell Help	2	239	May 16, 2024
Highlight cells of specific text in html file using Powershell PowerShell Help	3	535	May 16, 2024
Missing Color in HTML report PowerShell Help	5	198	May 16, 2024

EnhancedHTML2 set html page background

Related topics