Cannot get UDStyle to work

Universal Dashboard Universal Dashboard Help
1

Hi all,

Having trouble getting UDStyle to work again. Previously Adam advised me to put new-udelement before it, but this doesn’t seem to be working. I have confirmed the css works if I change it via developer tools

image

I have included Import-Module UniversalDashboard.Style in my dashboard.ps1.

Any pointers would be great.

Thanks

New-UDPage  -Name "Availability" -Icon link -Content {

New-UDCard -id Availabilitycard -Content {
    New-UDLayout -Columns 2 -Content {
        New-UDElement -Tag 'div' -Id 'a' -Endpoint {
            New-UDStyle -id 'Availabilitystyle' -Style '
                                        .card .card-content {
                                            font-size   = 80px }' -Content {
                New-UDGrid -Title " " -ID Availability -AutoRefresh -RefreshInterval 250 -PageSize 10 -NoFilter -Endpoint {
                    $cache:status | Select-Object -First 6 | ForEach-Object {
                        $BgColor = '#8EA294'
                        $FontColor = '#E4EAED'
                        if ($_.'Status' -ne 'IN') {
                            $BgColor = '#63474D'
                            $FontColor = '#E4EAED'
                        }
                        [PSCustomObject]@{
                            'Name'   = New-UDElement -Tag 'div' -Attributes @{ style = @{ 'backgroundColor' = $BgColor; color = $fontColor } } -Content { $_.'Name' }
                            'Status' = New-UDElement -Tag 'div' -Attributes @{ style = @{ 'backgroundColor' = $BgColor; color = $fontColor } } -Content { $_.'Status' }
                        }
                    } |
                    Out-UDGridData
                }
            }
        }
        New-UDElement -Tag 'div' -Id 'a2' -Endpoint {
            New-UDStyle -id 'Availabilitystyle2' -Style '
                                        .card .card-content {
                                            font-size   = 80px }' -Content {
                New-UDGrid -Title " " -ID Availability2 -AutoRefresh -RefreshInterval 250 -PageSize 10 -NoFilter -Endpoint {
                    $cache:status | Select-Object -Last 6 | ForEach-Object {
                        $BgColor = '#8EA294'
                        $FontColor = '#E4EAED'
                        if ($_.'Status' -ne 'IN') {
                            $BgColor = '#63474D'
                            $FontColor = '#E4EAED'
                        }
                        [PSCustomObject]@{
                            'Name'   = New-UDElement -Tag 'div' -Attributes @{ style = @{ 'backgroundColor' = $BgColor; color = $fontColor } } -Content { $_.'Name' }
                            'Status' = New-UDElement -Tag 'div' -Attributes @{ style = @{ 'backgroundColor' = $BgColor; color = $fontColor } } -Content { $_.'Status' }
                        }
                    } |
                    Out-UDGridData
                }
            }
        }
    }
}

}

2

font-size = “80px !important”
maybe should work? :slight_smile:

3

Hey BoSen29, unfortunately that didn’t work :frowning:

4

believe it needs to be font-size: 80px

5

That did it! thank you

1 Like