Horizontal Navigation

Universal Dashboard Cookbook
1

You can achieve horizontal navigation by hiding the side nav and adding links to the NavbarLinks array.

$Page1 = New-UDPage -Name "Page1" -Content {}
$Page2 = New-UDPage -Name "Page2" -Content {}

$Navigation = New-UDSideNav -None
$Dashboard = New-UDDashboard -Title "Test" -Pages @($Page1, $Page2) -Navigation $Navigation -NavbarLinks @(
    New-UDLink -Text "Page 1" -Url "/page1"
    New-UDLink -Text "Page 2" -Url "/page2"
)

Start-UDDashboard -Dashboard $Dashboard -Port 10000

image
image.png1202×776 4.54 KB

1 Like
2

Is there an updated way of hiding the navigation button?

This works, but seems… unintuitive to me


Invoke-UDJavaScript -JavaScript 'const style = document.createElement("style");style.innerHTML = `.MuiIconButton-edgeStart { display: none; } `;document.head.appendChild(style);'
3

Not at the moment. I’ll open an issue for this.

1 Like