Product: PowerShell Universal
Version: 2.3.0
Looking for a way to set custom tabbing order in New-UDForm with custom formatting. “Tabbing order” as in the next field that’s focused on when you press tab on the keyboard. I’m re-creating a form we use. Trying to keep it formatted similarly so it’s familiar to the end-user and make the tabbing order intuitive for them. Here’s a screenshot of a little proof of concept I started. Red is the actual tabbing order and green is the desired tabbing order.
And here’s the code:
New-UDForm -Content {
# Row 1 district, date, serviceMapLocation
New-UDRow -Columns {
# Column 1.1 district
New-UDColumn -SmallSize 4 -LargeSize 4 -Content {
New-UDSelect -Id 'district' -Label 'District' -Option {
New-UDSelectOption -Name 'Please select a district' -Value 'none'
}
}# End column 1.1
# Column 1.2 date
New-UDColumn -SmallSize 4 -LargeSize 4 -Content {
New-UDDatePicker -Id 'date' -Label 'Date'
}# End column 1.1
New-UDColumn -SmallSize 4 -LargeSize 4 -Content {
# Column 1.3 serviceMapLocation
New-UDCheckbox -Id 'serviceMapLocationNew' -Label 'New'
New-UDCheckbox -Id 'serviceMapLocationExisting' -Label 'Existing'
New-UDTextbox -FullWidth -Id 'serviceMapLocation' -Placeholder 'Service Map Location'
}
}# End row 1
# Row 2 completedBy, member, legalDescription
New-UDRow -Columns {
# Column 2.1 completedBy
New-UDColumn -SmallSize 4 -LargeSize 4 -Content {
New-UDTextbox -FullWidth -Id 'completedBy' -Placeholder 'Completed By'
}# End Column 2.1
# Column 2.2 member
New-UDColumn -SmallSize 4 -LargeSize 4 -Content {
New-UDTextbox -FullWidth -Id 'member' -Placeholder 'Member'
}# End Column 2.2
# Column 2.3 legalDescription
New-UDColumn -SmallSize 4 -LargeSize 4 -Content {
New-UDTextbox -FullWidth -Id 'legalDescription' -Placeholder 'Legal Description'
}# End Column 2.3
}# End Row 2
} -OnSubmit {
show-udtoast -duration 30000 -Message $EventData
}
Thanks in advance!