Question

What would the best practice be for laying out the following item?

Valid XHTML http://www.hughgrice.com/layout.gif.

I am particularly interested in what controls I should use and how I position the delete icon to appear on the right-hand side and the tools icon to appear in the middle always?

Thanks in advance.

Answer 1

My preferred panel for this case is the DockPanel rather than a Grid:

<DockPanel>
    <Button>Add</Button>
    <Label>This is a label</Label>
    <Button DockPanel.Dock="Right">Del</Button>
    <Button HorizontalAlignment="Center">Setting</Button>
</DockPanel>