Hi,
I currently have a button on one of my pages that opens a new-udmodal.
Inside this modal I have a form with 3 text input boxes and a search button, directly below, a new-udgrid with the results of the search (ad user lookup).
I have three fields:
New-UDInput -SubmitText “Search” -Content {
New-UDInputField -Type textbox -Name searchusername -Placeholder 'Username (exact)'
New-UDInputField -Type textbox -Name searchgivenname -Placeholder 'First Name (* wildcards allowed)'
New-UDInputField -Type textbox -Name searchsurname -Placeholder 'Surname (* wildcards allowed)'
} -Endpoint {
Its not a massive problem, just a nuisance but each of the three input boxes display on a separate line, pushing down the results:
It would be nice to display the above three fields on the same line to reduce the screen space, however I’m struggling to acheive this. Any one have any ideas?
Thanks,
Tom
OpsEng
January 2, 2020, 11:29am
2
You’ll want to have a play with the css in your theme. Try
'.card-content' = @{
'display' = 'xxx'
}
Where xxx could be grid, inline-grid, flex, inline-flex and others. Bear in mind this will effect all your inputs across your dashboard.
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 "Sim…
Hi all,
Has something changed in the version 2.5.2 that “messed up” with my forms?
In the version 2.4.0 the form looked like as shown below
[image]
All got messed up after upgrading it to 2.5.2. I’ve also tested 2.4.1 and the problem persists.
[image]
Is there anything I should change in the code? See below part of it
New-UDRow {
New-UDColumn -SmallSize 12 -MediumSize 4 -LargeSize 4 {
New-UDInput @cardColors -Title ‘Database Migration’ -Id “Form” -SubmitText ‘Confirm’ -Content {
New-…
Hello @All!
I just trying to format this formulary,
As you can see, the formulary is disorder:
[Captura2]
How can I add spaces between inputs, so that the different New-UDInputField can be distinguished?
Code:
New-UDInput -SubmitText "Send" -Title "Backup" -Id "FormBK" -Content {
New-UDInputField -Type 'textbox' -Name 'clientBK' -Placeholder 'Client' -DefaultValue 'XXXXXX'
New-UDInputField -Type 'checkbox' -Name 'HiddenBK' -Placeholder 'Hide it?'
Ne…
gav
OpsEng
January 2, 2020, 11:47am
3
After a bit of experimenting…
You can apply the css to just one UDInput by adding
new-udhtml -markup "<style>
.card-content {
display : xxx;
}</style>"
directly after the UDInput -Endpoint {} closes.
gav
1 Like
Great! thanks I’ll give this a shot now.