Home/ Questions/Q 6533031
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T10:04:33+00:00

In my WP7 app, I have a user control, with a grid, and an

  • 0

In my WP7 app, I have a user control, with a grid, and an ellipse in the layout root:

<Grid x:Name="LayoutRoot">
    <Grid x:Name="grdCircle">
        <Ellipse x:Name="elCircle" Stroke="#FFB91515" Margin="5"/>
    </Grid>
</Grid>

I drop this on my main page in the WP7 app, and it looks fine in landscape mode, but when I switch to portrait the width expands and the height contracts, so it is no longer a circle. What I want is for the circle to be the max size it can be regardless of the orientation and still stay a circle.

I’ve tried putting SizeChanged event on LayoutRoot, and setting the grdCircle width/height to whatever was smaller – the LayoutRoot actual width or the LayoutRoot actual height, but as soon as I do that, changing the orientation doesn’t fire the SizeChanged event of LayoutRoot anymore because LayoutRoot also becomes smaller. How can I ensure that my ellipse is always a circle and grows/shrinks based on the orientation?

Edit:
By default, the LayoutRoot grid should have horizontal and vertical alignment set to stretch with margins of 0, so shouldn’t the LayoutRoot grid always grow to the size of its container?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Maybe you should take adventage of OrientationChanged event of a Page?

    Updated

    I think that your control is filling all space that is available. If you change orientation then the amount of space is changing – as a result your control is not a square any more. That fact implicates that the ellipse changes its shape from circle to ellipse, because your ellipse is also trying to fill in all available space. To avoid this you can set Stretch property of an ellipse to Uniform. This should resolve your problem.

    • 0