Help with formatting New-UDSelect

Universal Dashboard Universal Dashboard Help
5

Ok @guy here you go buddy try this for example sakes:-

Import-module -name UniversalDashboard.Community
$Theme = New-UDTheme -Name "Basic" -Definition @{
    '.card-content' = @{
        'display' = 'inline-grid'
    }
} -Parent "Default"
Get-uddashboard | Stop-uddashboard
$Dashboard = New-UDDashboard -Title "Hello, World!" -Theme $Theme -Content {
    New-UDHeading -Text "Hello, World!" -Size 1
    New-UDRow -Columns {
        New-UDColumn -size 6 -Content {
            New-UDInput -Title "Simple Form" -Id "Form" -Content {
                New-UDInputField -Type 'textbox' -Name 'Email' -Placeholder 'Email Address'
                New-UDInputField -Type 'checkbox' -Name 'Newsletter' -Placeholder 'Sign up for newsletter'
                New-UDInputField -Type 'select' -Name 'FavoriteLanguage' -Placeholder 'Favorite Programming Language' -Values @("PowerShell", "Python", "C#")
                New-UDInputField -Type 'radioButtons' -Name 'FavoriteEditor' -Placeholder @("Visual Studio", "Visual Studio Code", "Notepad") -Values @("VS", "VSC", "NP")
                New-UDInputField -Type 'password' -Name 'password' -Placeholder 'Password'
                New-UDInputField -Type 'textarea' -Name 'notes' -Placeholder 'Additional Notes'
            } -Endpoint {
                param($Email, $Newsletter, $FavoriteLanguage, $FavoriteEditor, $password, $notes)
            }
        }
    }
}
Start-UDDashboard -Dashboard $Dashboard -Port 12345

This looks like

Capture
Capture.PNG408×616 8.29 KB

Head over to poshud and @adam is using the DISPLAY = BLOCK css and has nicely formatted side-by-side input, but on my screen for this example it looked messy so I used INLINE-GRID

I hope this helps a brother out! Peace

1 Like