Skip to content

Unconstrained

  • This container takes no space,
  • It removes any size constraints from its child,
  • The rendered child appears like floating below/above of the other content.










 
 
 


























.Width(400)
.Height(350)
.Padding(25)
.PaddingLeft(75)
.Column(column =>
{
    column.Item().Width(300).Height(150).Background(Colors.Blue.Lighten3);
    
    column
        .Item()
        .Unconstrained()
        .TranslateX(-50)
        .TranslateY(-50)
        .Width(100)
        .Height(100)
        .Background(Colors.Blue.Darken2);
    
    column.Item().Width(300).Height(150).Background(Colors.Blue.Lighten2);
});
.Width(400)
.Height(350)
.Padding(25)
.PaddingLeft(75)
.Column(column =>
{
    column.Item().Width(300).Height(150).Background(Colors.Blue.Lighten3);
    
    column
        .Item()
        .Unconstrained()
        .TranslateX(-50)
        .TranslateY(-50)
        .Width(100)
        .Height(100)
        .Background(Colors.Blue.Darken2);
    
    column.Item().Width(300).Height(150).Background(Colors.Blue.Lighten2);
});

example

Released under the MIT License.