Post
Ask Question

Basic Example of UWP RelativePanel for Adaptive UI

RelativePanel is intended for use in creating app layouts that can adapt to changes in screen resolution and implements a style of layout that is defined by the relationships between its child elements.

The RelativePanel eases the process of rearranging elements by defining relationships between elements, which allows you to build more dynamic UI without using nested layouts.
  1. <RelativePanel>    
  2.     <TextBox x:Name="textBox1" Text="textbox" Margin="5"/>    
  3.     <Button x:Name="testButton" Margin="4" Background="Blue" Content="ButtonRight" RelativePanel.RightOf="textBox1"/>    
  4.     <Button x:Name="testButton2" Margin="4" Background="LightBlue" Content="ButtonBelow" RelativePanel.RightOf="textBox1" RelativePanel.Below="testButton"/>    
  5. </RelativePanel>