How to add a new button to the Basic Viewer

JoseSanchez

hi all,

I would like to customize the Basic viewer I donwloaded adding several buttons that existed from the deprecated Web ADF toolbar:
- MapForward
- "MapBack"
- Select a current layer
- Select drawing a rectangle
- Buffer

Any samples of how to add a button?

<esri:Toolbar ID="Toolbar1" runat="server" BuddyControlType="Map" Group="Toolbar1_Group"
                                    Height="28px" ToolbarItemDefaultStyle-BackColor="Transparent" ToolbarItemDefaultStyle-Font-Names="Arial"
                                    ToolbarItemDefaultStyle-Font-Size="Smaller" ToolbarItemDisabledStyle-BackColor="Transparent"
                                    ToolbarItemDisabledStyle-Font-Names="Arial" ToolbarItemDisabledStyle-Font-Size="Smaller"
                                    ToolbarItemDisabledStyle-ForeColor="Gray" ToolbarItemHoverStyle-Font-Bold="True"
                                    ToolbarItemHoverStyle-Font-Italic="True" ToolbarItemHoverStyle-Font-Names="Arial"
                                    ToolbarItemHoverStyle-Font-Size="Smaller" ToolbarItemSelectedStyle-BackColor="WhiteSmoke"
                                    ToolbarItemSelectedStyle-Font-Bold="True" ToolbarItemSelectedStyle-Font-Names="Arial"
                                    ToolbarItemSelectedStyle-Font-Size="Smaller" ToolbarStyle="ImageOnly" WebResourceLocation="/aspnet_client/ESRI/WebADF/"
                                    Width="308px" ToolbarItemHoverStyle-BorderColor="Black" ToolbarItemSelectedStyle-BorderColor="Black"
                                    CurrentTool="MapPan" Alignment="Right" ToolbarItemDefaultStyle-BorderColor="Transparent"
                                    CssClass="appFloat2" ToolbarItemHoverStyle-BackColor="White">
                                    <ToolbarItems>
                                        <esri:Tool ClientAction="DragRectangle" DefaultImage="esriZoomIn.png" HoverImage="esriZoomIn.png"
                                            JavaScriptFile="" Name="MapZoomIn" SelectedImage="esriZoomIn.png" ServerActionAssembly="ESRI.ArcGIS.ADF.Web.UI.WebControls"
                                            ServerActionClass="ESRI.ArcGIS.ADF.Web.UI.WebControls.Tools.MapZoomIn" Text="Zoom In"
                                            ToolTip="Zoom In" />
                                        <esri:Tool ClientAction="DragRectangle" DefaultImage="esriZoomOut.png" HoverImage="esriZoomOut.png"
                                            JavaScriptFile="" Name="MapZoomOut" SelectedImage="esriZoomOut.png" ServerActionAssembly="ESRI.ArcGIS.ADF.Web.UI.WebControls"
                                            ServerActionClass="ESRI.ArcGIS.ADF.Web.UI.WebControls.Tools.MapZoomOut" Text="Zoom Out"
                                            ToolTip="Zoom Out" />
                                        <esri:Tool ClientAction="DragImage" DefaultImage="esriPan.png" HoverImage="esriPan.png"
                                            JavaScriptFile="" Name="MapPan" SelectedImage="esriPan.png" ServerActionAssembly="ESRI.ArcGIS.ADF.Web.UI.WebControls"
                                            ServerActionClass="ESRI.ArcGIS.ADF.Web.UI.WebControls.Tools.MapPan" Text="Pan"
                                            ToolTip="Pan" />
                                        <esri:Command ClientAction="" DefaultImage="esriZoomFullExtent.png" HoverImage="esriZoomFullExtent.png"
                                            JavaScriptFile="" Name="MapFullExtent" SelectedImage="esriZoomFullExtent.png"
                                            ServerActionAssembly="ESRI.ArcGIS.ADF.Web.UI.WebControls" ServerActionClass="ESRI.ArcGIS.ADF.Web.UI.WebControls.Tools.MapFullExtent"
                                            Text="Full Extent" ToolTip="Full Extent" />
                                        <esri:Command BuddyItem="MapForward" ClientAction="ToolbarMapBack" DefaultImage="~/images/backward.png"
                                            Disabled="True" DisabledImage="~/images/backward_disabled.png" HoverImage="~/images/backward.png"
                                            JavaScriptFile="" Name="MapBack" SelectedImage="~/images/backward.png" Text="Back"
                                            ToolTip="Back Extent" />
                                        <esri:Command BuddyItem="MapBack" ClientAction="ToolbarMapForward" DefaultImage="~/images/forward.png"
                                            Disabled="True" DisabledImage="~/images/forward_disabled.png" HoverImage="~/images/forward.png"
                                            JavaScriptFile="" Name="MapForward" SelectedImage="~/images/forward.png" Text="Forward"
                                            ToolTip="Forward Extent" />
                                        <esri:Command ClientAction="toggleGoToLocation();" DefaultImage="~/images/esriGoToLocation.png"
                                            HoverImage="~/images/esriGoToLocation.png" JavaScriptFile="" Name="GoToLocation"
                                            SelectedImage="~/images/esriGoToLocation.png" Text="Go To Location" ToolTip="Go To Location" />    
                                        <esri:Command ClientAction="toggleMagnifier();" DefaultImage="~/images/show-magnify.png"
                                            HoverImage="~/images/show-magnify.png" JavaScriptFile="" Name="Magnifier" SelectedImage="~/images/show-magnify.png"
                                            ToolTip="Magnifier" />
                                        <esri:Tool ClientAction="MapIdentifyTool()" Cursor="pointer" DefaultImage="esriIdentify.png"
                                            HoverImage="esriIdentify.png" JavaScriptFile="" Name="MapIdentify" SelectedImage="esriIdentify.png"
                                            Text="Map Identify" ToolTip="Map Identify" ServerActionAssembly="ESRI.ArcGIS.ADF.Web.UI.WebControls"
                                            ServerActionClass="ESRI.ArcGIS.ADF.Web.UI.WebControls.MapIdentify" />
                                        <esri:Tool ClientAction="startMeasure()" DefaultImage="~/images/measure.png" HoverImage="~/images/measure.png"
                                            JavaScriptFile="" Name="Measure" SelectedImage="~/images/measure.png" ToolTip="Measure" />
                                        <esri:Command ClientAction="toggleOverviewMap()" DefaultImage="~/images/show-overview-map.png"
                                            HoverImage="~/images/show-overview-map.png" JavaScriptFile="" Name="OverviewMapToggle"
                                            SelectedImage="~/images/show-overview-map.png" ToolTip="Show OverviewMap" />
                                    </ToolbarItems>
                                    <BuddyControls>
                                        <esri:BuddyControl Name="Map1"></esri:BuddyControl>
                                    </BuddyControls>
                                </esri:Toolbar>

JoseSanchez

The answer:

http://forums.arcgis.com/threads/94491-Extend-the-esri-JavaScript-BasicViewer-with-additional-buttons?p=336198#post336198