CSS for specific page

PowerShell Universal
1

Is it possible to have a custom CSS for a page in dashboard.
If yes how can we achieve that.

2

CSS stylesheets are added at the Dashboard/App level.

The only other way I can think of is to use New-UDHelmet to add a stylesheet using the style tag, however, this depends on what you are trying to achieve.

What challenge are you looking to overcome? Are you looking to separate your stylesheets or, are you looking to override certain classes/ID’s?

3

I am trying to override a style for header in a specific page only

4

You could use UDHelmet to do this. Here’s an example using the dashboard content but you could do the same within a page.

New-UDApp -Title 'PowerShell Universal' -Content {
    New-UDHelmet -Tag 'style' -Content "
    header { 
        background-color: black !important;
        color: white !important;
    }
    "
}

image
image1873×412 7.7 KB

5

I did that and got following error

image
image1643×88 9.63 KB

6

What version of PSU are you running?

7

3.9.12

8

New-UDHelmet was added in 4.0.0. It’s not in the v3 branch of the universal-docs repo, so i don’t think it has been backported.

9

Also,
Is there a way to have a CSS applied to all the dashboards without actually going to each of them.

10

You can use Helmet from the gallery.

There currently isn’t a way to apply CSS to all dashboards.

1 Like
11

Thank you, Adam will follow the link and try to install helmet and see if that works.