Clear Button In Direction Widget

[shabbirsiddiqui2]

Hi ,

I want to put clear Button in Directions widget parallel to Get Direction Button, So that it should not get disturb when we are adding more Destination. Any Idea.

Regard,
siddiqui

[RobertScheitlin__GISP]

Shabbir,

   Here is what you can do. You will have to create a skin for the directions component and set the skinClass to your new skin on the Directions component in the DirectionsWidget.mxml. You will need to change the path to two of the assets in the DirectionsSkin.mxml (that comes in the API download). I have done all of this in the attached file. Copy the DirectionsSkin.mxml and the assets/images folder into your Directions widget folder.  Be sure to make this change in the DirectionsWidget.mxml:

<viewer:WidgetTemplate id="wTemplate" closed="widgetClosedHandler(event)">
        <esri:Directions id="directions" skinClass="widgets.Directions.DirectionsSkin"
                         width="100%" height="100%"
                         directionsComplete="{map.infoWindow.hide()}"
                         map="{map}"/>
    </viewer:WidgetTemplate>

[shabbirsiddiqui2 · Accepted solution]

Thank you  very much it done.

Shabbir,

   Here is what you can do. You will have to create a skin for the directions component and set the skinClass to your new skin on the Directions component in the DirectionsWidget.mxml. You will need to change the path to two of the assets in the DirectionsSkin.mxml (that comes in the API download). I have done all of this in the attached file. Copy the DirectionsSkin.mxml and the assets/images folder into your Directions widget folder.  Be sure to make this change in the DirectionsWidget.mxml:

<viewer:WidgetTemplate id="wTemplate" closed="widgetClosedHandler(event)">         <esri:Directions id="directions" skinClass="widgets.Directions.DirectionsSkin"                          width="100%" height="100%"                          directionsComplete="{map.infoWindow.hide()}"                          map="{map}"/>     </viewer:WidgetTemplate>