Back to Devexpress

How to: Customize Navigation Elements

wpf-10982-controls-and-libraries-map-control-examples-general-how-to-customize-navigation-elements.md

latest2.0 KB
Original Source

How to: Customize Navigation Elements

  • Jun 19, 2025

The following example demonstrates how to customize the appearance, position and visibility of map navigation elements: Zoom Trackbar, Scroll Buttons, Scale Panel and Coordinates Panel.

View Example

xaml
<dxm:MapControl.ZoomTrackbarOptions>
    <dxm:ZoomTrackbarOptions Margin="16" Orientation="Horizontal" VerticalAlignment="Bottom" />
</dxm:MapControl.ZoomTrackbarOptions>
<dxm:MapControl.ScrollButtonsOptions>
    <dxm:ScrollButtonsOptions VerticalAlignment="Bottom" HorizontalAlignment="Right" />
</dxm:MapControl.ScrollButtonsOptions>
<dxm:MapControl.ScalePanelOptions>
    <dxm:ScalePanelOptions HorizontalAlignment="Right" VerticalAlignment="Bottom" Visible="False" />
</dxm:MapControl.ScalePanelOptions>
<dxm:MapControl.CoordinatesPanelOptions>
    <dxm:CoordinatesPanelOptions VerticalAlignment="Top" HorizontalAlignment="Right" />
</dxm:MapControl.CoordinatesPanelOptions>

See Also

How to: Add a Map Control at Design Time

How to: Add a Map Control via XAML

How to: Add a Map Control at Runtime

How to: Add a Mini Map to the Map