Navigation Bar Logo

Universal Dashboard Cookbook
1

To add a logo to the navbar, you can specify a published folder to host you icon and then use -NavBarLogo to specify the icon.

$PublishedFolder = Publish-UDFolder -Path $PSScriptRoot -RequestPath "/images"
$Dashboard = New-UDDashboard -Title "Logo" -Content {} -NavBarLogo (New-UDImage -Url '/images/UDLogo.png' -Height 32 -Width 32) 
Start-UDDashboard -Dashboard $Dashboard -Port 10000 -PublishedFolder $PublishedFolder -Force

image
image.png1202Ɨ776 8.46 KB

6 Likes
2

Using this exact code I cannot get this to work. It has a broken image link. I am putting the file in the .\images directory where the PS1 is located then running the PS1 just as you have above. Let me know what more details I can provide.

3

Try adding
Write-Host $PSScriptRoot

as your first line in the PS1, see what the console outputs for it.

4

The location of image is C:\repos\Dashboards\images\whatever.png

PS C:\repos\Dashboards> .\Icon.ps1
C:\repos\Dashboards

Name         Port Running DashboardService
----         ---- ------- ----------------
Dashboard21 10000    True UniversalDashboard.Services.DashboardService

PS C:\repos\Dashboards>

Current Script for troubleshooting purposes.

get-UDDASHboard | Stop-uddAshboard
Write-Host $PSScriptRoot
$PublishedFolder = Publish-UDFolder -Path $PSScriptRoot -RequestPath "/images"
$Dashboard = New-UDDashboard -Title "Logo" -Content {} -NavBarLogo (New-UDImage -Url '/images/UDLogo.png' -Height 32 -Width 32) 
Start-UDDashboard -Dashboard $Dashboard -Port 10000 -PublishedFolder $PublishedFolder -Force
5

So, this might just be a typo on your partā€¦ but you say the location of your image is

c:\repos\Dashboards\images\whatever.png

yet you are calling /images/UDLogo.png

Is the image named UDLogo.png or whatever.png ?

6

Yeah I didnā€™t remember what it was named when I put that up there but it is named UDLogo.png I just went and verified it is there and named UDLogo.png

7

Solved, Need to specify images in your path. This below works for me.

get-UDDASHboard | Stop-uddAshboard
$PublishedFolder = Publish-UDFolder -Path "$PSScriptroot\images" -RequestPath "/images"
$Dashboard = New-UDDashboard -Title "Logo" -Content {} -NavBarLogo (New-UDImage -Url '/images/UDLogo.png' -Width 32) 
Start-UDDashboard -Dashboard $Dashboard -Port 10000 -PublishedFolder $PublishedFolder -Force
1 Like
8

Ah, he didnā€™t have an images folder in his original example. That would explain it.

He had the image file in the same directory as the .PS1

1 Like
9

Ahā€¦ I took this as there wasā€¦ #Noob LOL

10

Yeah, that -RequestPath ā€œ/imagesā€ makes that a virtual directory.

11

Does it support @psDevUK UDGhost? :wink:

1 Like
12

@adam any option to do this in universal at the moment?

Seems that parameter is gone now.

13

Whoops. Not at the moment. Iā€™ll make sure that gets added.

14

Thanks @adam, not to hijack this thread but what about the -scripts parameter? Is there an alternative way to do it now? I was going to fallback to UDHelmet if that is my only option.

15

Currently the only option but Iā€™ll get that added as well. Should be easy to get in a 1.3 nightly build.