Product: PowerShell Universal
Version: 4.1.4
So, here is some fun, i cannot get my cards to equalize, and i am NOT good at css. I have tried some things, but with no success.
function Get-MyUDCard {
param($description)
$Header = New-UDCardHeader -Title $productGroupObject.name
$Footer = New-UDCardFooter -Content {
# New-UDTypography -Text $featuredProduct.PublisherName
New-UDLink -Text "Text"
New-UDHtml -Markup " "
New-UDTypography -Text "|"
New-UDTypography -Text "more text"
}
$body = New-UDCardBody -Content {
New-UDHtml -Markup "<img src='$($productGroupObject.icon)' style=""height:125px; width:125px""/>"
New-UDTypography -Text $description -Sx @{
color = 'text.secondary'
} -Variant body2
}
New-UDElement -Tag div -Content {
New-UDCard -Header $Header -Body $body -Footer $Footer -Sx @{
maxWidth = 600
border = '2px solid #f0f2f5'
height = '100%'
}
} -Attributes @{
onClick = {
$URL = "/product/$($productGroupObject.Id)?name=$($productGroupObject.name.replace(' ',''))"
Invoke-UDRedirect -Url $URL
}
style = @{height = '100%' }
}
}
New-UDPaper -Elevation 2 -Content {
# New-UDElement -Tag div -Attributes @{
# style = @{display = 'flex'; flexdirection = 'row' }
# } -Content {
New-UDGrid -Item -ExtraSmallSize 12 -SmallSize 6 -MediumSize 4 -LargeSize 2 -Content {
Get-MyUDCard -Description "bob"
} #end tile grid
New-UDGrid -Item -ExtraSmallSize 12 -SmallSize 6 -MediumSize 4 -LargeSize 2 -Content {
Get-MyUDCard -Description "bob2 now we need alot of data that doesn't match up to the other tile"
} #end tile grid
New-UDGrid -Item -ExtraSmallSize 12 -SmallSize 6 -MediumSize 4 -LargeSize 2 -Content {
Get-MyUDCard -Description "bob2 now we need alot of data that doesn't match up to the other tile"
} #end tile grid
New-UDGrid -Item -ExtraSmallSize 12 -SmallSize 6 -MediumSize 4 -LargeSize 2 -Content {
Get-MyUDCard -Description "bob2 now we need alot of data that doesn't match up to the other tile"
} #end tile grid
New-UDGrid -Item -ExtraSmallSize 12 -SmallSize 6 -MediumSize 4 -LargeSize 2 -Content {
Get-MyUDCard -Description "bob2 now we need alot of data that doesn't match up to the other tile"
} #end tile grid
New-UDGrid -Item -ExtraSmallSize 12 -SmallSize 6 -MediumSize 4 -LargeSize 2 -Content {
Get-MyUDCard -Description "bob2 now we need alot of data that doesn't match up to the other tile, some even longer text that our other tiles do not know about, and some more data, bla bla bla bla The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dogThe quick brown fox jumps over the lazy dogThe quick brown fox jumps over the lazy dogThe quick brown fox jumps over the lazy dogThe quick brown fox jumps over the lazy dogThe quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dogThe quick brown fox jumps over the lazy dogThe quick brown fox jumps over the lazy dogThe quick brown fox jumps over the lazy dogThe quick brown fox jumps over the lazy dog"
} #end tile grid
# }
}#end Section
The end goal is something like this with uniform boxes depending on the content:
Is there anyone that can help, or is this an enhancement request?