UDStepper Show textbox beside each other?

PowerShell Universal
1

Hi,
I’m trying to display textboxes beside each other in the udstepper but I can’t do it. Don’t know why it always show below the other.

Function New-Computer {
    Show-UDModal -Header { "Skapa en ny dator" } -Content {
        New-UDGrid -Spacing '1' -Container -Children {
            New-UDGrid -Item -ExtraLargeSize 12 -LargeSize 12 -MediumSize 12 -SmallSize 12 -Children {
                New-UDStepper -Steps {
                    New-UDStep -OnLoad {
                        New-UDGrid -Item -ExtraLargeSize 4 -LargeSize 4 -MediumSize 4 -SmallSize 4 -Children {
                            New-UDTypography -Text "Antal datorer?"
                            New-UDSlider -Id "SliderCount" -Min 1 -Max 100 -Step 1
                        }
                        New-UDGrid -Item -ExtraLargeSize 4 -LargeSize 4 -MediumSize 4 -SmallSize 4 -Children {
                            New-UDTextbox -Label "Namnstandard?" -Id 'txtstd'
                        }
                        New-UDGrid -Item -ExtraLargeSize 4 -LargeSize 4 -MediumSize 4 -SmallSize 4 -Children {
                            New-UDTextbox -Label "Beskrivning?" -Id 'txtDescription'
                        }
                    } -Label "Steg 1"
                    New-UDStep -OnLoad {
                        New-UDElement -tag 'div' -Content { "Step 2" }
                        New-UDElement -tag 'div' -Content { "Previous data: $Body" }
                        New-UDTextbox -Id 'txtStep2' -Value $EventData.Context.txtStep2
                    } -Label "Steg 2"
                    New-UDStep -OnLoad {
                        New-UDElement -tag 'div' -Content { "Step 3" }
                        New-UDElement -tag 'div' -Content { "Previous data: $Body" }
                        New-UDTextbox -Id 'txtStep3' -Value $EventData.Context.txtStep3
                    } -Label "Steg 3"
                } -OnFinish {
                    New-UDTypography -Text 'Nice! You did it!' -Variant h3
                    New-UDElement -Tag 'div' -Id 'result' -Content { $Body }
                }
            }
        }
    } -Footer {
        New-UDTooltip -TooltipContent {
            New-UDTypography -Text "Stäng fönstret"
        } -content { 
            New-UDButton -Icon (New-UDIcon -Icon Window_Close) -Size large -OnClick {
                Hide-UDModal
            }
        }
    } -FullWidth -MaxWidth 'md' -Persistent
}

Product: PowerShell Universal
Version: 3.2.5
2

I put it in a -Container grid and it looks like this.

      New-UDGrid -Container -Children {
                            New-UDGrid -Item -ExtraLargeSize 4 -LargeSize 4 -MediumSize 4 -SmallSize 4 -Children {
                                New-UDTypography -Text "Antal datorer?"
                                New-UDSlider -Id "SliderCount" -Min 1 -Max 100 -Step 1
                            }
                            New-UDGrid -Item -ExtraLargeSize 4 -LargeSize 4 -MediumSize 4 -SmallSize 4 -Children {
                                New-UDTextbox -Label "Namnstandard?" -Id 'txtstd'
                            }
                            New-UDGrid -Item -ExtraLargeSize 4 -LargeSize 4 -MediumSize 4 -SmallSize 4 -Children {
                                New-UDTextbox -Label "Beskrivning?" -Id 'txtDescription'
                            }
                        }

image
image883×263 11.7 KB

Is that what you’re going for?

3

I did that but for the hole UDStepper ofc you need to do it for each step :slight_smile: Thanks!

1 Like