Full Width HTMLSections

[swordfish291]

Hello

I am trying to prepare a report and subsections don't expand to use full width. How can I achieve that?

Thank you
Abdul

[PrzemyslawKlys]

Please provide some code that shows this. It should autoexpand. To me it looks like hidden section on the right or hidden panel.

[swordfish291]

function generateSummaryReport {
    # generate filename for the html report
    $fileName = "DailyHealthSummary_"+(Get-Date -Format dd-MM-yyyy).tostring()+".html"

    #$clusters = $config.clusters
    $cred = getCredentials
    New-HTML -Name 'NetApp Cluster Reports' -FilePath $fileName {
        foreach ($cluster in $clusters){
            # Connect to individual NetApp cluster to collect data.
            Connect-NcController $cluster -Credential $cred
            #Get aggregates with used space more than 70%
            $aggrTable = getAggrHealth | Where-Object Used -gt 70
            #Get volumes with used space more than 70%
            $volumeTable = getVolHealth | Where-Object Used -gt 70 | Where-Object {$_.Type -eq 'rw'}
            #Get EMS Messages of type ERROR
            $errorEMSTable = getErrorEMS
            #Get EMS Messages of type EMERGENCY
            $emergencyEMSTable = getEmergencyEMS
            #Get EMS Messages of type Alert
            $alertEMSTable = getAlertEMS
            #Get ifgrp details with down ports.
            $networkIfgrp = Get-NcNetPortIfgrp |Where-Object PortParticipation -ne full| Select-Object Node, IfgrpName, DistributionFunction, Mode, @{e={$_.Ports -join ","};n="Ports"},  @{e={$_.UpPorts -join ","};n="UpPorts"}, @{e={$_.DownPorts -join ","};n="DownPorts"}, PortParticipation
            #Root HTML Container
            New-HTMLContainer -Width 100 {     
                #HTML Tabs for each cluster  
                New-HTMLTabStyle -SlimTabs -FontWeight 'Bold' 
                Tab -Name $cluster -TextSize '20px' -TextTransform 'uppercase' -IconSize '18px' -IconSolid database {
                    #HTML Section for aggregates
                    New-HTMLSection -Name "Aggregate Capacity Information" -HeaderTextSize '15px' -HeaderBackGroundColor Black -Direction Row {
                        New-HTMLTable -DataTable $aggrTable -Filtering -FilteringLocation Top {
                            New-HTMLTableStyle -FontFamily 'Calibri' -FontSize '15px'
                            TableConditionalFormatting -Name 'Used' -Operator ge -Value '70' -Color 'orange' -Row -FontWeight 'bold'
                            TableConditionalFormatting -Name 'Used' -Operator ge -Value '80' -Color 'red' -Row -FontWeight 'bold'
                            New-TablePercentageBar -ColumnID 5 -Type round
                        }
                    #HTML section for volumes
                    New-HTMLSection -Name "Volume Capacity Information" -HeaderTextSize '15px' -HeaderBackGroundColor Black -Direction Row {
                        $rwVols = $volumeTable | Where-Object {$_.Type -eq 'rw'}
                        New-HTMLTable -DataTable $rwVols -Filtering -FilteringLocation Top -Style compact{                                
                            New-TablePercentageBar -ColumnID 6 -Type round
                            TableConditionalFormatting -Name 'Used' -Operator ge -Value '70' -Color 'orange' -Row -FontWeight 'bold'
                            TableConditionalFormatting -Name 'Used' -Operator ge -Value '80' -Color 'red' -Row -FontWeight 'bold'
                        }
                    }
                    #HTML Section for ifgrp 
                    New-HTMLSection -Name "Interface Group(ifgrp) Health Status" -HeaderTextSize '15px' -HeaderBackGroundColor Black -Direction Row {
                        if($networkIfgrp -eq $null){
                            New-HTMLText -Text "All igrps in healthy state - No down ports" -Color DarkGreen 
                        }
                        else {
                            New-HTMLTable -DataTable $networkIfgrp -Filtering -FilteringLocation Top{
                                TableConditionalFormatting -Name 'PortParticipation' -Operator ne -Value 'full' -Color 'red' -Row -FontWeight 'bold'
                            }
                        }
                    }
                    #HTML Section for EMS Events
                    New-HTMLSection -Name "Event Management System" -HeaderTextSize '15px' -HeaderBackGroundColor Black -Direction Row -Width 100 {
                        New-HTMLTabPanel -Orientation horizontal {
                            if ($emergencyEMSTable -ne $null){
                                New-HTMLTab -Name "EMERGENCY" {
                                    New-HTMLSection -Width 100{
                                        New-HTMLTable -DataTable $emergencyEMSTable -Filtering -FilteringLocation Top -DisableAutoWidthOptimization
                                    }
                                    
                                }
                            }
                            else {
                                New-HTMLTab -Name "EMERGENCY" {
                                    New-HTMLSection -Width 100{
                                        New-HTMLText -Text "No emergency events in the last 24 hours." -BackGroundColor DarkGreen
                                    }
                                    
                                }                            
                            }
                            if ($alertEMSTable -ne $null){
                                New-HTMLTab -Name "ALERT" {
                                    New-HTMLSection -Width 100{
                                        New-HTMLTable -DataTable $alertEMSTable -Filtering -FilteringLocation Top -DisableAutoWidthOptimization
                                    }
                                    
                                }
                            }
                            else {
                                New-HTMLTab -Name "ALERT" {
                                    New-HTMLSection -Width 100{
                                        New-HTMLText -Text "No emergency events in the last 24 hours." -BackGroundColor DarkGreen
                                    }
                                    
                                }                            
                            }
                            if ($errorEMSTable -ne $null){
                                New-HTMLTab -Name "ERROR" {
                                    New-HTMLSection -Width 100{
                                        New-HTMLTable -DataTable $errorEMSTable -Filtering -FilteringLocation Top -DisableAutoWidthOptimization
                                    }
                                    
                                }
                            }
                            else {
                                New-HTMLTab -Name "ERROR" {
                                    New-HTMLSection -Width 100{
                                        New-HTMLText -Text "No error events in the last 24 hours." -BackGroundColor DarkGreen
                                    }
                                    
                                }                            
                            } 
                        }
                        #New-HTMLSectionStyle -Direction row -Justify
                
                    }
                    New-HTMLSection -Name "Snapmirror Lag Status" -HeaderTextSize '15px' -HeaderBackGroundColor Black -Direction Row {

                    }


                    #HTML Section 

                    }

                }
            }
        }
    }
}

[PrzemyslawKlys]

Here's something that works:

# generate filename for the html report
$fileName = "DailyHealthSummary_" + (Get-Date -Format dd-MM-yyyy).tostring() + ".html"

New-HTML -Name 'NetApp Cluster Reports' -FilePath $fileName {
    $Clusters = @('Test', 'Test1')
    foreach ($cluster in $clusters) {

        #New-HTMLContainer {
        #HTML Tabs for each cluster
        New-HTMLTabStyle -SlimTabs -FontWeight 'Bold'
        Tab -Name $cluster -TextSize '20px' -TextTransform 'uppercase' -IconSize '18px' -IconSolid database {
            #HTML Section for aggregates
            New-HTMLSection -Name "Aggregate Capacity Information" -HeaderTextSize '15px' -HeaderBackGroundColor Black {
                New-HTMLContainer {
                    New-HTMLSection -Invisible {
                        New-HTMLTable -DataTable $aggrTable -Filtering -FilteringLocation Top {
                            New-HTMLTableStyle -FontFamily 'Calibri' -FontSize '15px'
                            TableConditionalFormatting -Name 'Used' -Operator ge -Value '70' -Color 'orange' -Row -FontWeight 'bold'
                            TableConditionalFormatting -Name 'Used' -Operator ge -Value '80' -Color 'red' -Row -FontWeight 'bold'
                            New-TablePercentageBar -ColumnID 5 -Type round
                        }
                    }
                    #HTML section for volumes
                    New-HTMLSection -Name "Volume Capacity Information" -HeaderTextSize '15px' -HeaderBackGroundColor Black {
                        $rwVols = $volumeTable | Where-Object { $_.Type -eq 'rw' }
                        New-HTMLTable -DataTable $rwVols -Filtering -FilteringLocation Top -Style compact {
                            New-TablePercentageBar -ColumnID 6 -Type round
                            TableConditionalFormatting -Name 'Used' -Operator ge -Value '70' -Color 'orange' -Row -FontWeight 'bold'
                            TableConditionalFormatting -Name 'Used' -Operator ge -Value '80' -Color 'red' -Row -FontWeight 'bold'
                        }
                    }
                    #HTML Section for ifgrp
                    New-HTMLSection -Name "Interface Group(ifgrp) Health Status" -HeaderTextSize '15px' -HeaderBackGroundColor Black {
                        if ($networkIfgrp -eq $null) {
                            New-HTMLText -Text "All igrps in healthy state - No down ports" -Color DarkGreen
                        } else {
                            New-HTMLTable -DataTable $networkIfgrp -Filtering -FilteringLocation Top {
                                TableConditionalFormatting -Name 'PortParticipation' -Operator ne -Value 'full' -Color 'red' -Row -FontWeight 'bold'
                            }
                        }
                    }
                    #HTML Section for EMS Events
                    New-HTMLSection -Name "Event Management System" -HeaderTextSize '15px' -HeaderBackGroundColor Black {
                        New-HTMLTabPanel -Orientation horizontal {
                            if ($emergencyEMSTable -ne $null) {
                                New-HTMLTab -Name "EMERGENCY" {
                                    New-HTMLSection -Width 100 {
                                        New-HTMLTable -DataTable $emergencyEMSTable -Filtering -FilteringLocation Top -DisableAutoWidthOptimization
                                    }

                                }
                            } else {
                                New-HTMLTab -Name "EMERGENCY" {
                                    New-HTMLSection -Width 100 {
                                        New-HTMLText -Text "No emergency events in the last 24 hours." -BackGroundColor DarkGreen
                                    }

                                }
                            }
                            if ($alertEMSTable -ne $null) {
                                New-HTMLTab -Name "ALERT" {
                                    New-HTMLSection -Width 100 {
                                        New-HTMLTable -DataTable $alertEMSTable -Filtering -FilteringLocation Top -DisableAutoWidthOptimization
                                    }

                                }
                            } else {
                                New-HTMLTab -Name "ALERT" {
                                    New-HTMLSection -Width 100 {
                                        New-HTMLText -Text "No emergency events in the last 24 hours." -BackGroundColor DarkGreen
                                    }

                                }
                            }
                            if ($errorEMSTable -ne $null) {
                                New-HTMLTab -Name "ERROR" {
                                    New-HTMLSection -Width 100 {
                                        New-HTMLTable -DataTable $errorEMSTable -Filtering -FilteringLocation Top -DisableAutoWidthOptimization
                                    }

                                }
                            } else {
                                New-HTMLTab -Name "ERROR" {
                                    New-HTMLSection -Width 100 {
                                        New-HTMLText -Text "No error events in the last 24 hours." -BackGroundColor DarkGreen
                                    }

                                }
                            }
                        }
                        #New-HTMLSectionStyle -Direction row -Justify

                    }
                    New-HTMLSection -Name "Snapmirror Lag Status" -HeaderTextSize '15px' -HeaderBackGroundColor Black -Direction Row {

                    }

                }
                #HTML Section

            }

        }
        #}
    }
} -ShowHTML

[swordfish291]

Thank you!!!