topic Re: Toolbar example from ArcGIS API for Microsoft Silverlight in ArcGIS API for Silverlight Questions

Toolbar example from ArcGIS API for Microsoft Silverlight

JoannaLaroussi — Mon, 17 Jan 2011 19:10:27 GMT

I tried to recreate Toolbar example, but I received this error:
Error 1 Could not load file or assembly 'System.Runtime.Serialization, Version=2.0.5.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e' or one of its dependencies. The system cannot find the file specified.

And I have no much idea how to fix it. Below is all xml code, any advices highly appreciated!

UserControl x:Class="toolbar.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:esri="http://schemas.esri.com/arcgis/client/2009">
    <Grid x:Name="LayoutRoot" Background="White">

        <Grid.Resources>
            <esri:SimpleFillSymbol x:Key="DefaultFillSymbol" Fill="#33FF0000" BorderBrush="Red"
                                          BorderThickness="2" />
        </Grid.Resources>

        <esri:Map x:Name="MyMap" Extent="-33,-12.85,99.75,87.15"
                  ExtentChanged="MyMap_ExtentChanged">
            <esri:ArcGISTiledMapServiceLayer ID="StreetMapLayer"
                    Url="http://services.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer" />
        </esri:Map>

        <Grid Height="110" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,10,10,0" >
            <Rectangle Fill="#77919191" RadiusX="10" RadiusY="10" Margin="0,4,0,6" >
                <Rectangle.Effect>
                    <DropShadowEffect/>
                </Rectangle.Effect>
            </Rectangle>
            <Rectangle Fill="#CCFFFFFF" Stroke="DarkGray" RadiusX="5" RadiusY="5" Margin="10,10,10,15" />
            <StackPanel Orientation="Vertical">
                <esri:Toolbar x:Name="MyToolbar" MaxItemHeight="80" MaxItemWidth="80"
                    VerticalAlignment="Top" HorizontalAlignment="Center"
                    Loaded="MyToolbar_Loaded"
                    ToolbarItemClicked="MyToolbar_ToolbarItemClicked"
                    ToolbarIndexChanged="MyToolbar_ToolbarIndexChanged"
                    Width="450" Height="80">
                    <esri:Toolbar.Items>
                        <esri:ToolbarItemCollection>
                            <esri:ToolbarItem Text="Zoom In">
                                <esri:ToolbarItem.Content>
                                    <Image Source="/Assets/images/i_zoomin.png" Stretch="UniformToFill" Margin="5" />
                                </esri:ToolbarItem.Content>
                            </esri:ToolbarItem>
                            <esri:ToolbarItem Text="Zoom Out">
                                <esri:ToolbarItem.Content>
                                    <Image Source="/Assets/images/i_zoomout.png" Stretch="UniformToFill" Margin="5" />
                                </esri:ToolbarItem.Content>
                            </esri:ToolbarItem>
                            <esri:ToolbarItem Text="Pan">
                                <esri:ToolbarItem.Content>
                                    <Image Source="/Assets/images/i_pan.png" Stretch="UniformToFill" Margin="5" />
                                </esri:ToolbarItem.Content>
                            </esri:ToolbarItem>
                            <esri:ToolbarItem Text="Previous Extent" >
                                <esri:ToolbarItem.Content>
                                    <Image Source="/Assets/images/i_previous.png" IsHitTestVisible="False" Opacity="0.3" Stretch="UniformToFill" Margin="5"/>
                                </esri:ToolbarItem.Content>
                            </esri:ToolbarItem>
                            <esri:ToolbarItem Text="Next Extent">
                                <esri:ToolbarItem.Content>
                                    <Image Source="/Assets/images/i_next.png" IsHitTestVisible="False" Opacity="0.3" Stretch="UniformToFill" Margin="5"/>
                                </esri:ToolbarItem.Content>
                            </esri:ToolbarItem>
                            <esri:ToolbarItem Text="Full Extent">
                                <esri:ToolbarItem.Content>
                                    <Image Source="/Assets/images/i_globe.png" Stretch="UniformToFill" Margin="5" />
                                </esri:ToolbarItem.Content>
                            </esri:ToolbarItem>
                            <esri:ToolbarItem Text="Full Screen">
                                <esri:ToolbarItem.Content>
                                    <Image Source="/Assets/images/i_widget.png" Stretch="UniformToFill" Margin="5" />
                                </esri:ToolbarItem.Content>
                            </esri:ToolbarItem>
                        </esri:ToolbarItemCollection>
                    </esri:Toolbar.Items>
                </esri:Toolbar>
                <TextBlock x:Name="StatusTextBlock" Text="" FontWeight="Bold" HorizontalAlignment="Center"/>

            </StackPanel>
        </Grid>

    </Grid>
</UserControl>

Re: Toolbar example from ArcGIS API for Microsoft Silverlight

JenniferNery — Tue, 18 Jan 2011 04:54:26 GMT

You just need to add reference to this .NET assembly "System.Runtime.Serialization" as the error suggests. This is related thread http://forums.arcgis.com/threads/2300-System.Runtime.Serialization-Version

Re: Toolbar example from ArcGIS API for Microsoft Silverlight

JoannaLaroussi — Tue, 18 Jan 2011 13:01:05 GMT

Thanks a lot! It appears to work now, but I cannot see tools inside my toolbar. Can you think about something else what I can have missing in my code?

You just need to add reference to this .NET assembly "System.Runtime.Serialization" as the error suggests. This is related thread http://forums.arcgis.com/threads/2300-System.Runtime.Serialization-Version

Re: Toolbar example from ArcGIS API for Microsoft Silverlight

JenniferNery — Tue, 18 Jan 2011 15:50:27 GMT

You might be missing the images in your project, which means Source property in the ToolbarItem Image is not resolved.

<Image Source="/Assets/images/i_zoomin.png" Stretch="UniformToFill" Margin="5" />

You can download the SDK sample that contains these images http://help.arcgis.com/en/webapi/silverlight/help/index.html#/Sample_Interactive_SDK/01660000000v000000/.

Or you can add other images to your project and update the Source property to point to those images. Or replace the whole ToolbarItem.Content from Image to some other control that does not require image. For example

<Button Content="Zoom In" Margin="5" />

Re: Toolbar example from ArcGIS API for Microsoft Silverlight

JoannaLaroussi — Thu, 20 Jan 2011 17:57:30 GMT

Thank you for your answer. I do have installed SDK on my computer. Could you explain me step by step how to connect SDK examples with toolbar sample script to add images of tools to my project?

Re: Toolbar example from ArcGIS API for Microsoft Silverlight

JenniferNery — Thu, 20 Jan 2011 18:58:26 GMT

This is related thread http://forums.arcgis.com/threads/14852-Toolbar-icons-are-not-visible (see Post #6).

In the SDK sample, you will find the Assets folder in the website project. Where you save the images is completely up to you. Basically, you add images to your project and update the Image Source property to point to that image location.

Re: Toolbar example from ArcGIS API for Microsoft Silverlight

dotMorten_esri — Thu, 20 Jan 2011 19:23:15 GMT

Instead of messing with the toolbar, the simplest approach is instead to just put a set of buttons inside a stackpanel, and use their click event to perform an action.

Re: Toolbar example from ArcGIS API for Microsoft Silverlight

JoannaLaroussi — Mon, 24 Jan 2011 17:43:17 GMT

Thank you for all your help. I was able to fix it:
<esri:Toolbar.Items>
                        <esri:ToolbarItemCollection>
                            <esri:ToolbarItem Text="Zoom In">
                                <esri:ToolbarItem.Content>
                                    <Image Source="http://help.arcgis.com/en/webapi/silverlight/samples/Assets/images/i_zoomin.png" Stretch="UniformToFill" Margin="5" />
                                </esri:ToolbarItem.Content>
                            </esri:ToolbarItem>
                            <esri:ToolbarItem Text="Zoom Out">
                                <esri:ToolbarItem.Content>
                                    <Image Source="http://help.arcgis.com/en/webapi/silverlight/samples/Assets/images/i_zoomout.png" Stretch="UniformToFill" Margin="5" />
                                </esri:ToolbarItem.Content>
                            </esri:ToolbarItem>
                            <esri:ToolbarItem Text="Pan">
                                <esri:ToolbarItem.Content>
                                    <Image Source="http://help.arcgis.com/en/webapi/silverlight/samples/Assets/images/i_pan.png" Stretch="UniformToFill" Margin="5" />
                                </esri:ToolbarItem.Content>
                            </esri:ToolbarItem>
                            <esri:ToolbarItem Text="Previous Extent" >
                                <esri:ToolbarItem.Content>
                                    <Image Source="http://help.arcgis.com/en/webapi/silverlight/samples/Assets/images/i_previous.png" IsHitTestVisible="False" Opacity="0.3" Stretch="UniformToFill" Margin="5"/>
                                </esri:ToolbarItem.Content>
                            </esri:ToolbarItem>
                            <esri:ToolbarItem Text="Next Extent">
                                <esri:ToolbarItem.Content>
                                    <Image Source="http://help.arcgis.com/en/webapi/silverlight/samples/Assets/images/i_next.png" IsHitTestVisible="False" Opacity="0.3" Stretch="UniformToFill" Margin="5"/>
                                </esri:ToolbarItem.Content>
                            </esri:ToolbarItem>
                            <esri:ToolbarItem Text="Full Extent">
                                <esri:ToolbarItem.Content>
                                    <Image Source="http://help.arcgis.com/en/webapi/silverlight/samples/Assets/images/i_globe.png" Stretch="UniformToFill" Margin="5" />
                                </esri:ToolbarItem.Content>
                            </esri:ToolbarItem>
                            <esri:ToolbarItem Text="Full Screen">
                                <esri:ToolbarItem.Content>
                                    <Image Source="http://help.arcgis.com/en/webapi/silverlight/samples/Assets/images/i_widget.png" Stretch="UniformToFill" Margin="5" />
                                </esri:ToolbarItem.Content>
                            </esri:ToolbarItem>
                        </esri:ToolbarItemCollection>
                    </esri:Toolbar.Items>
                </esri:Toolbar>

Re: Toolbar example from ArcGIS API for Microsoft Silverlight

JenniferNery — Tue, 25 Jan 2011 13:51:03 GMT

This just means you need to add reference to a .NET assembly. This is related thread http://forums.arcgis.com/threads/2300-System.Runtime.Serialization-Version