Primary version
Tabs
Universal Dashboard is now a part of PowerShell Universal. This documentation is for reference to the v2 version of Universal Dashboard and is no longer maintained.
Tabs
A standard tab control that allows you to specify multiple tabs with a title and content. You can place any UD element within the content.
Creating a Tab Container and Tabs
You'll need to create an outer tab container and then include one or more tabs within the container. Each tab needs a Text for the title and a Content script block.
1
New-UDTabContainer -Tabs {
2
New-UDTab -Text "Tab 1" -Content {
3
New-UDElement -Tag 'div' -Content { "Tab 1 Content"}
4
}
5
New-UDTab -Text "Tab 2" -Content {
6
New-UDElement -Tag 'div' -Content { "Tab 2 Content"}
7
}
8
New-UDTab -Text "Tab 3" -Content {
9
New-UDElement -Tag 'div' -Content { "Tab 3 Content"}
10
}
11
}
Copied!
Tabs
Creating a Tab Container that only Renders Tabs When Active
For performance reasons, you may not want a tab to render it's content unless it's displayed. This is helpful for auto-refreshing tables or grids that may be displayed in tabs but not visible by default. The default behavior of tabs is to render all the tabs but hide them when not show.
1
New-UDTabContainer -Tabs {
2
New-UDTab -Text "Tab 1" -Content {
3
New-UDElement -Tag 'div' -Content { "Tab 1 Content"}
4
}
5
New-UDTab -Text "Tab 2" -Content {
6
New-UDElement -Tag 'div' -Content { "Tab 2 Content"}
7
}
8
New-UDTab -Text "Tab 3" -Content {
9
New-UDElement -Tag 'div' -Content { "Tab 3 Content"}
10
}
11
} -RenderWhenActive
Copied!
Dynamic Tab Content
To load content when the dashboard is loaded by the end user, is the
-Dynamic switch.1
New-UDTabContainer -Tabs {
2
New-UDTab -Text "Tab 1" -Content {
3
New-UDElement -Tag 'div' -Content { "The date is: $(Get-Date)"}
4
} -Dynamic
5
New-UDTab -Text "Tab 2" -Content {
6
New-UDElement -Tag 'div' -Content { "Tab 2 Content"}
7
}
8
New-UDTab -Text "Tab 3" -Content {
9
New-UDElement -Tag 'div' -Content { "Tab 3 Content"}
10
}
11
}
Copied!
Last modified 3mo ago