Bug: New-UDprogress in combination with New-UDCard

Product: PowerShell Universal
Version: 1.5.14

Dear All

Wenn Using the New-UDProgress Component in combination with a UDCard, the default “Linear Indeterminate” doesn’t show / work. The “Circular” Progress on the other hand does work.

Here’s a very basic code example on how to reproduce it:

New-UDCard -Title "Query Results" -Content {
    
    New-UDDynamic -Id 'myTable' -Content {
    
    # YOUR CODE

    }
} -LoadingComponent { New-UDProgress -Circular -Color Blue }

=> If you omit the “-Circular” you’ll notice that the progress won’t be shown. :wink:

KR,
Don

I’ve opened an issue here for this: New-UDProgress not shown within card · Issue #92 · ironmansoftware/issues · GitHub

Hey @DonUD,

You can work around this by putting the progress in a UDElement set to 100% width.

    New-UDCard -Title "Query Results" -Content {
        
        New-UDDynamic -Id 'myTable' -Content {
        
        Start-Sleep 10

        } -LoadingComponent { 
            New-UDElement -Tag 'div' -Attributes @{ style = @{ width = '100%' } } -Content {
                New-UDProgress -Color Blue                  
            } 
        }
    } 

2 Likes

Dear Adam

I’m really sorry for the late response! Our current ongoing project absorbed me this whole week so I wasn’t able to test.
But I just did and can confirm that with this workaround it workes perfectly!

Thanks a lot!

1 Like