Forms based on JSON Schema

PowerShell Universal Universal Dashboard
1 
Product: PowerShell Universal
Version: 1.4.1

Running into an issue with dashboards where forms created from a JSON Schema are not executing the -OnSubmit block. I have tried my own implementation as well as the example in the documentation and when clicking the submit button nothing happens.

Anyone have any suggestions?

Implementation from Docs

New-UDForm -Schema @{
        title = "Test"
        type = "object"
        properties = @{
            hostname = @{
                title = "Hostname"
                type = "string"
                }
            ipaddress= @{
                title = "IP Address"
                type = "string"
                format = "ipv4"
                }
            description = @{
                title = "Server Description"
                type = "string"
                }
            servertype = @{
                title = "Server Type"
                type = "string"                            
                enum = "App","DB"
                }
            environment = @{
                title = "Environment"
                type = "string"
                enum = "Prod", "Dev" , "QA"
                }
            }
		required = @('hostname','ipaddress','description','servertype','environment')                    
	} -uiSchema @{
		"ui:order" = @('environment','hostname','ipaddress','description','servertype')
	} -OnSubmit {
		Show-UDModal -Content {                        
			New-UDTypography -Text $EventData.formData
		} -Footer {
			New-UDButton -Text "Close" -OnClick {Hide-UDModal}
		} -Persistent
	}
type or paste code here

Screenshot 2023-07-13 155729
Screenshot 2023-07-13 1557291902×692 16.9 KB

2

I’m running into the same thing. Were you able to find a solution?

I tried using the below to see if I could enter the debugger to see if it was throwing some kind of silent error. Looks like it’s not executing anything in the block, possibly just moving past it.

New-UDForm -Schema @{
        title = "Test"
        type = "object"
        properties = @{
            hostname = @{
                title = "Hostname"
                type = "string"
            }
        }        
    } -OnSubmit {
        $testVariable = "On Submit was clicked"
        Show-UDToast -Message "Submit was clicked"
        Wait-Debugger
    }

This is on v4.0.5
Environment is v7.3.5

I did test all of the environments to see if there was something wrong with the environment I was using. Still same issue.

Edit:
Upgraded to v4.0.8 issue still exist.

Performed some more troubleshooting and found errors in the DevTools console of chrome:

image
image1387×604 63.2 KB

The Uncaught TypeError doesn’t appear until after the submit button is clicked.

3

I can reproduce this. I also see a pretty clear JavaScript error when clicking submit. We should be able to fix this for 4.0.9.

1 Like
4

Thanks for the update. Tested this on 4.0.9 and the submit button now works, but reading the form data is not working. Tested it with the following code from the documentation and received the following output


New-UDForm -Schema @{
        title = "Test"
        type = "object"
        properties = @{
            hostname = @{
                title = "Hostname"
                type = "string"
                }
            ipaddress= @{
                title = "IP Address"
                type = "string"
                format = "ipv4"
                }
            description = @{
                title = "Server Description"
                type = "string"
                }
            servertype = @{
                title = "Server Type"
                type = "string"                            
                enum = "App","DB"
                }
            environment = @{
                title = "Environment"
                type = "string"
                enum = "Prod", "Dev" , "QA"
                }
            }
		required = @('hostname','ipaddress','description','servertype','environment')                    
	} -uiSchema @{
		"ui:order" = @('environment','hostname','ipaddress','servertype','description')
	} -OnSubmit {
		Show-UDModal -Content {                        
			New-UDTypography -Text $EventData.formData
		} -Footer {
			New-UDButton -Text "Close" -OnClick {Hide-UDModal}
		} -Persistent
	}

image
image1885×696 69.7 KB

I was able to get an output using $body which returned the form data as a string

-OnSubmit {
		Show-UDModal -Content {                        
			New-UDTypography -Text $Body
		} -Footer {
			New-UDButton -Text "Close" -OnClick {Hide-UDModal}
		} -Persistent
	}

Thank you for working on this issue!

5

Ran the debugger and found that the returned JSON data is applied directly to $Eventdata. You can use $Eventdata.propertyname to get the input.

Using the example code you have, you would use $Eventdata.hostname to get the value for the hostname field.

Also looks like $Body is just the data returned as a String.

1 Like