xaml - How can I specify the following layout with RelativePanel? -


+--+---+--+ |  |red|  | +------+  | | blue |  | +------+--+ 

i have tried few different combinations of relativepanel.align... attached properties, can't quite seem things work out way want.

<!-- version overlays red beneath blue, aligned on right --> <rectangle x:name="red" relativepanel.alignrightwith="blue" /> <rectangle x:name="blue" />  <!-- version shoves blue half off-screen --> <rectangle x:name="red" /> <rectangle x:name="blue" relativepanel.alignrightwith="red" relativepanel.below="red" />  <!-- version circular dependency --> <rectangle x:name="red" relativepanel.alignrightwith="blue" /> <rectangle x:name="blue" relativepanel.below="red" /> 

if in shoes, use grid.

<grid>     <grid.rowdefinitions>         <rowdefinition/>         <rowdefinition/>     </grid.rowdefinitions>     <grid.columndefinitions>         <columndefinition/>         <columndefinition/>         <columndefinition/>     </grid.columndefinitions>      <rectangle fill="red" grid.column="1" ... />     <rectangle fill="blue" grid.row="1" grid.columnspan="2" ... /> </grid> 

Comments

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -