Devolutions ForumDevolutions Forum

Make UD Paper fill grid container

Make UD Paper fill grid container

avatar
Product: PowerShell Universal
Version: 5.1.0


I’m trying to make a UD Paper within a grid row the same height. I’m sure this is simple but I can’t figure out how to make the UD paper fill the container either with UD grid or UD row/columns.

There is Height parameter on UD paper but it doesn’t have any effect.

New-UDGrid -Container -Content {
    New-UDGrid -Item -ExtraSmallSize 6 -Content {
        New-UDPaper -Content { 
            New-UDTypography -Text "Header" -variant h1
        } -Elevation 3
    }
    New-UDGrid -Item -ExtraSmallSize 6 -Content {
        New-UDPaper -Content { 
            "test"
        } -Elevation 3
    }
}




217dd266c3df00ee76b332dcfd17a616eeb22948

217dd266c3df00ee76b332dcfd17a616eeb22948.png

avatar
(anonymous user)

Recommended Answer

I got it sorted… should’ve started with CSS, I was thinking there may be a built-in parameter to accomplish this.

For anyone interested: min-height sets the minimum height obviously, but still allows room for expansion. Height 100% - the element fill the container. (So apply the style to all in the same grid/layout).

$Style = @{
    display = 'block'
    'min-height' = "250px"
    height = '100%'
}

New-UDPaper -Content {
   "...."
} -Style $Style


All Comments (1)

avatar

I got it sorted… should’ve started with CSS, I was thinking there may be a built-in parameter to accomplish this.

For anyone interested: min-height sets the minimum height obviously, but still allows room for expansion. Height 100% - the element fill the container. (So apply the style to all in the same grid/layout).

$Style = @{
    display = 'block'
    'min-height' = "250px"
    height = '100%'
}

New-UDPaper -Content {
   "...."
} -Style $Style