Styling, Skinning Map Navigation Control
The following is a simple sample that shows how to skin, style and reposition the map navigation control. All is done using CSS: Navigation { borderSkin : ClassReference("NavBorderSkin"); showScaleInDataTip: true; paddingLeft: 6; paddingRight: 2; paddingTop: 2; paddingBottom: 2; top: 30; left: NaN; right: 30; } NavigationMinusButton { disabledSkin: Embed(source="assets/globe_icon.png"); downSkin: Embed(source="assets/globe_icon.png"); overSkin: Embed(source="assets/globe_icon.png"); upSkin: Embed(source="assets/globe_icon.png"); } NavigationPlusButton { disabledSkin: Embed(source="assets/home_icon.png"); downSkin: Embed(source="assets/home_icon.png"); overSkin: Embed(source="assets/home_icon.png"); upSkin: Embed(source="assets/home_icon.png"); } Note that I have to set the value of left to NaN to override the default value...