Home/ Questions/Q 653115
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T22:20:47+00:00

How do you make a grid width 100% inside a canvas? Here’s some simple

  • 0

How do you make a grid width 100% inside a canvas? Here’s some simple XAML but it doesn’t work as expected.

<Canvas Background="MediumSlateBlue" Width="Auto" Height="Auto" >
    <Grid x:Name="LayoutRoot" MouseMove="MainPage_MouseMove" Background="Beige" >
        <TextBlock x:Name="lblDisplay" Height="24" HorizontalAlignment="Right" VerticalAlignment="Top" Width="128" Text="asdf" ></TextBlock>
    </Grid>
</Canvas>

I don’t understand why my grid doesn’t take up as much room as it can get it’s hands on! I’ve even tried adding a single row and column definition with a width of 100*, but still my grid will only take up as much space as the label it contains. The goal is to have a canvas, with a grid child and takes up 100% width and height. This is important because I need the silverlight to resize when the browser resizes.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Looks like I found a solution here

    http://forums.silverlight.net/forums/t/13415.aspx

    I’ve adjusted my code to automatically resize my grid whenever the content is resized. This will allow me to position elements absolutly using Canvas.LeftProperty and maintain the position of horizontally/vertically aligned elements.

    I considered using just a grid as my primary layout, however should the need arise to animate an object, margin cannot be animated. Additionally, setting the margin Left and Top during the mousemove event did not accurately position my element to the cursor position.

    • 0