New-UDRow seems to be producing columns instead - PSU 1.3.1 (UD 3.0.2)

[theassociate]

This code should create four rows with two columns each:

            ) -Body (
                New-UDCardBody -Content {
                    New-UDRow -Columns {
                        New-UDColumn {
                            New-UDTypography -Variant 'caption' -Text "IP: $($Session:CGSupportHomePageState.SelectedServer.IP)"
                        }
                        New-UDColumn {
                            New-UDTypography -Variant 'caption' -Text "PrivateNetIP: $($Session:CGSupportHomePageState.SelectedServer.PrivateNetIP)"
                        }
                    }
                    New-UDRow -Columns {
                        New-UDColumn {
                            New-UDTypography -Variant 'caption' -Text "VirtualNetIP1: $($Session:CGSupportHomePageState.SelectedServer.VirtualNetIP1)"
                        }
                        New-UDColumn {
                            New-UDTypography -Variant 'caption' -Text "VirtualNetIP2: $($Session:CGSupportHomePageState.SelectedServer.VirtualNetIP2)"
                        }
                    }
                    New-UDRow -Columns {
                        New-UDColumn {
                            New-UDTypography -Variant 'caption' -Text "Domain: $($Session:CGSupportHomePageState.SelectedServer.Domain)"
                        }
                        New-UDColumn {
                            New-UDTypography -Variant 'caption' -Text "Datacenter: $($Session:CGSupportHomePageState.SelectedServer.Datacenter)"
                        }
                    }
                    New-UDRow -Columns {
                        New-UDColumn {
                            New-UDTypography -Variant 'caption' -Text "ServerRole: $($Session:CGSupportHomePageState.SelectedServer.ServerRole)"
                        }
                        New-UDColumn {
                            New-UDTypography -Variant 'caption' -Text "Active: $($Session:CGSupportHomePageState.SelectedServer.Active)"
                        }
                    }
                }
            ) -Footer (

However, it instead creates two rows with 4 columns:

Am I using it wrong? Seems like in 2.9 I always created rows and then columns inside rows, but New-UDRow seems to produce columns. I also don’t know why New-UDColumns is creating rows inside New-UDRow but creates columns on its own.

[theassociate]

I tried it outside of a card on a page by itself, and it showed eight rows instead:

New-UDPage -Name 'RowTest' -Content {
    New-UDRow -Columns {
        New-UDColumn {
             New-UDTypography -Variant 'caption'...

I also tried New-UDRow in different contexts, and it seems to favor creating columns. So something definitely seems awry with the New-UDRow.

[Jacob-Evans]

@theassociate

New-UDPage -Name 'RowTest' -Content {
    New-UDRow -Columns {
        New-UDColumn {
             New-UDTypography -Variant 'caption'...

New-UDPage -Name 'RowTest' -Content {
    New-UDRow  {
        New-UDColumn {
             New-UDTypography -Variant 'caption'...

Try that?

[adam]

I’d also suggest specifying a -LargeSize at least for the columns. For example, if you want 4 columns per row, specify 3.

[theassociate]

Okay, so I tried your examples and performed some tests. Here’s what I found:

1. Omitting ‘-Columns’ did not seem to have an effect
2. Adding ‘LargeSize 6’ worked, i.e. it did produce the expected results for the RowTest page (4 rows, 2 columns, each half a page in width). Also adding ‘-SmallSize 6’ and ‘-MediumSize 6’ helped it preserve the proper formatting as the window changed size.
3. Encapsulating the same RowTest code in a New-UDCard breaks it; it produces 8 columns. Here is the full page code, and a screenshot, as I believe being in a card is what causes New-UDRow’s unexpected behavior:

New-UDPage -Name 'RowTest' -Content {
    New-UDCard -Content {
        New-UDRow {
            New-UDColumn -LargeSize 6 -SmallSize 6 -MediumSize 6 {
                New-UDTypography -Variant 'caption' -Text "IP: $($Session:CGSupportHomePageState.SelectedServer.IP)"
            }
            New-UDColumn -LargeSize 6 -SmallSize 6 -MediumSize 6  {
                New-UDTypography -Variant 'caption' -Text "PrivateNetIP: $($Session:CGSupportHomePageState.SelectedServer.PrivateNetIP)"
            }
        }
        New-UDRow {
            New-UDColumn -LargeSize 6 -SmallSize 6 -MediumSize 6  {
                New-UDTypography -Variant 'caption' -Text "VirtualNetIP1: $($Session:CGSupportHomePageState.SelectedServer.VirtualNetIP1)"
            }
            New-UDColumn -LargeSize 6 -SmallSize 6 -MediumSize 6 {
                New-UDTypography -Variant 'caption' -Text "VirtualNetIP2: $($Session:CGSupportHomePageState.SelectedServer.VirtualNetIP2)"
            }
        }
        New-UDRow {
            New-UDColumn -LargeSize 6 -SmallSize 6 -MediumSize 6 {
                New-UDTypography -Variant 'caption' -Text "Domain: $($Session:CGSupportHomePageState.SelectedServer.Domain)"
            }
            New-UDColumn -LargeSize 6 -SmallSize 6 -MediumSize 6 {
                New-UDTypography -Variant 'caption' -Text "Datacenter: $($Session:CGSupportHomePageState.SelectedServer.Datacenter)"
            }
        }
        New-UDRow {
            New-UDColumn -LargeSize 6 -SmallSize 6 -MediumSize 6 {
                New-UDTypography -Variant 'caption' -Text "ServerRole: $($Session:CGSupportHomePageState.SelectedServer.ServerRole)"
            }
            New-UDColumn -LargeSize 6 -SmallSize 6 -MediumSize 6 {
                New-UDTypography -Variant 'caption' -Text "Active: $($Session:CGSupportHomePageState.SelectedServer.Active)"
            }
        }
    }
}