Controls running away from Canvas

Question

I have the following XAML code:

<TabItem Header="Hey there, handsome!">
    <Canvas>
      <GroupBox Header="30" Canvas.Top="40">
        <Canvas>
          <Label Canvas.Top="40">dawd</Label>
        </Canvas>
      </GroupBox>
    </Canvas>
</TabItem>

I expect to see a GroupBox that is 40px from the top of the tab and inside the GroupBox a label that is 40px from its top.

But this happens:

enter image description here

What am I doing wrong and how can I solve it?

(All in all, I just need a layout panel for absolute positioning).

This might be your problem: http://stackoverflow.com/questions/855334/wpf-how-to-make-canvas-auto-resize — Chris, Jun 30 '13 at 12:25

score 3 · Accepted Answer · answered Jun 30 '13 at 12:24

3

I think this a Canvas behaviour, with Grid instead of Canvas that should work fine, and why not set the GroupBox Height and Width property to "Auto" ?

answered Jun 30 '13 at 12:24

Christian Kouamé

338
2
11

Grid is not ideal for absolute positioning. Setting the size of the GroupBox to "auto" doesn't work. – Gilad Naaman Jun 30 '13 at 12:27
Okay, I used the Grid wrong (Setting the Top,Left,Width,Height properties instead of using only margins). – Gilad Naaman Jun 30 '13 at 12:34
I meant something like this – Christian Kouamé Jun 30 '13 at 12:37

Controls running away from Canvas

1 Answers1