c# - Ellipse position according to grid layout -

I am facing a situation problem of some elements in my WP 8.1 app (XAML / C #). I have read that to create a flexible layout, I should use grid control. Ok, here's my XML in the page element:

  & gt; Grid style = "{StaticResource LayoutGridCreateProfilStyle}" & gt; & Lt; Grid.RowDefinitions & gt; & Lt; RowDefinition Height = "Auto" /> & Lt; RowDefinition Height = "Auto" /> & Lt; RowDefinition Height = "Auto" /> & Lt; Roadfinion height = "*" /> & Lt; /Grid.RowDefinitions> & Lt; Rectangle Grid.Row = "0" Height = "60" Fill = "# F3A8E4F9" & gt; & Lt; / Rectangles & gt; & Lt; Rectangle Grid.Row = "1" Height = "40" Fill = "Gray" & gt; & Lt; / Rectangles & gt; & Lt; List Box Grid Rows = "2" height = "420" background = "transparent" /> & Lt; Canvas grid. Rau = "3" & gt; & Lt; Ellipse Height = "100" margin = "0,0,0,0" width = "100" = "Black" canvas Lift = "152" canvas Tap = "10" & gt; & Lt; / Ellipse & gt; & Lt; / Canvas & gt; & Lt; / Grid & gt;  

In the XML designer, I really see what I want and looks like this:

And here's what it looks like on my Nokia Lumia 925:

As you can see, the oval is cut and I do not really understand How it should be done as it should and should be done Does the designer appear in the scene maybe someone can help me with that?

Thank you in advance!

The problem is that you are running out of height first to show all the elements of your grid Three rows take a stored height of 540 pixels. If runtime height is available at 640 then you have only 100 left left for the last line of the grid

but your oval is 10 pixels offset from the top of the canvas and so it is completely off to show Total 110 (10 offsets + 100 pixel elihus height) is required if it is less than 110 pixels in your previous row, it would actually be okay, it seems.