zooming/panning control location

[Christopher]

Is it possible to move the zooming/panning control from the bottom middle of the map to the bottom left or bottom right?

Thanks

Chris R.

[Andrey]

Hello Christopher,

You can turn off default UI layout of the RadMap control and then use map UI controls in your XAML:

<Grid x:Name="LayoutRoot" Background="White">
    <telerik:RadMap x:Name="radMap"
        UseDefaultLayout="False">
        <telerik:RadMap.Provider>
                <telerik:OpenStreetMapProvider />
        </telerik:RadMap.Provider>
    </telerik:RadMap>

    <Grid HorizontalAlignment="Left" VerticalAlignment="Top" Margin="5">
        <Grid.RowDefinitions>
            <RowDefinition />
            <RowDefinition />
            <RowDefinition />
        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="Auto" />
        </Grid.ColumnDefinitions>

        <telerik:MapCommandBar Name="commandBar" Grid.Row="1" Grid.Column="0" Margin="6,0,6,0" />
        <telerik:MapNavigation Grid.Column="1" Grid.RowSpan="3" Name="navigation"  />
        <telerik:MapZoomBar Grid.Row="1"  Grid.Column="2" Name="zoomBar" Margin="6,0,6,0" />
    </Grid>
</Grid>

You also should assign RadMap control to the MapControl property of these UI controls:

public MainPage()
{
    InitializeComponent();

    this.commandBar.MapControl = this.radMap;
    this.navigation.MapControl = this.radMap;
    this.zoomBar.MapControl = this.radMap;
}

Regards,
Andrey Murzov
the Telerik team