Telerik UI for Windows Phone by Progress

The RadWindow control allows you to control its placement. This is done via the Placement and PlacementTarget properties.

The PlacementTarget property specifies the visual element towards which the RadWindow control should be displayed. The Placement property specifies the position of the window. You can choose between the following values.

  • BottomCenter
  • BottomLeft
  • BottomRight
  • CenterCenter
  • CenterLeft
  • CenterRight
  • TopCenter
  • TopLeft
  • TopRight
You have to set the IsFullScreen property to False and the WindowSizeMode to AutoSize in order to use the placement properties.

Here is an example, where the window is placed relatively to the 'LayoutRoot' Grid and its position is BottomLeft.

      <Grid x:Name="LayoutRoot" Background="Black" Width="300" Height="500">
      <Button Content="Open Window" Click="OpenButton_Click" VerticalAlignment="Center" HorizontalAlignment="Center" />
      <telerikPrimitives:RadWindow x:Name="radWindow" IsFullScreen="False" Grid.Row="1" Placement="BottomLeft" PlacementTarget="{Binding
ElementName=LayoutRoot}" WindowSizeMode="AutoSize">
      <Border Background="Coral" Padding="20">
      <Button Content="Close" VerticalAlignment="Bottom" HorizontalAlignment="Center" Click="CloseButton_Click" />
private void OpenButton_Click( object sender, RoutedEventArgs e )
this.radWindow.IsOpen = true;

private void CloseButton_Click( object sender, RoutedEventArgs e )
this.radWindow.IsOpen = false;

Here is a snapshot of the result.