topic Scalebar has some issue in 2.2, is it replaced by scaleline? in ArcGIS API for Silverlight Questions

Scalebar has some issue in 2.2, is it replaced by scaleline?

DanDong — Fri, 18 Nov 2011 19:01:45 GMT

Hi everyone,

After update ESRI's sl api reference from 2.1 to 2.2, will scalebar be affected since we get the following warning. And in esri's sl latest sample, scalebas is replaced by scaleline. But from the sl api reference, scalebar is still under ESRI.ArcGIS.Client class.

'ESRI.ArcGIS.Client.ScaleBar' is obsolete: 'Use ScaleLine control in ESRI.ArcGIS.Client.Toolkit namespace.'

Re: Scalebar has some issue in 2.2, is it replaced by scaleline?

JenniferNery — Sat, 19 Nov 2011 18:52:07 GMT

Yes, this was marked obsolete in 2.2 when ScaleLine was introduced: http://help.arcgis.com/en/webapi/silverlight/2.2/help/index.html#/What_s_new_in_2_2/0166000000m2000000/ and deprecated in 2.3: http://help.arcgis.com/en/webapi/silverlight/help/index.html#//0166000000mm000000

Re: Scalebar has some issue in 2.2, is it replaced by scaleline?

MarkCederholm — Mon, 21 Nov 2011 17:01:44 GMT

The ScaleLine really seems to be a step backwards. Is there any way (i.e. an ACTUAL EXAMPLE) to get it to look and behave the way the ScaleBar did?

Re: Scalebar has some issue in 2.2, is it replaced by scaleline?

DominiqueBroux — Sun, 12 Dec 2021 01:20:12 GMT

The ScaleLine really seems to be a step backwards. Is there any way (i.e. an ACTUAL EXAMPLE) to get it to look and behave the way the ScaleBar did?

Yes, you can get it to look as the ScaleBar. The old scalebar style is just a particular case of the new scaleline control.
The sample is given in the documentation.

Define a scaleline style such as :

<Style x:Key="ScaleBarStyle" TargetType="esri:ScaleLine">
<Setter Property="Background" Value="White"/>
<Setter Property="TargetWidth" Value="150.0"/>
<Setter Property="FontSize" Value="10.0"/>
 <Setter Property="Foreground" Value="Black"/>
 <Setter Property="Template">
     <Setter.Value>
         <ControlTemplate TargetType="esri:ScaleLine">
             <StackPanel Name="LayoutRoot" Orientation="Horizontal">
                 <Grid VerticalAlignment="Center" Height="10" Width="{Binding MetricSize, RelativeSource={RelativeSource TemplatedParent}}">
                     <Grid.ColumnDefinitions>
                         <ColumnDefinition Width="1*"/>
                         <ColumnDefinition Width="1*"/>
                         <ColumnDefinition Width="1*"/>
                         <ColumnDefinition Width="2*"/>
                         <ColumnDefinition Width="5*"/>
                     </Grid.ColumnDefinitions>
                     <Grid.RowDefinitions>
                         <RowDefinition Height="1*"/>
                         <RowDefinition Height="1*"/>
                     </Grid.RowDefinitions>
                     <Rectangle Fill="{TemplateBinding Foreground}" Grid.Row="0" Grid.Column="0"/>
                     <Rectangle Fill="{TemplateBinding Background}" Grid.Row="0" Grid.Column="1"/>
                     <Rectangle Fill="{TemplateBinding Foreground}" Grid.Row="0" Grid.Column="2"/>
                     <Rectangle Fill="{TemplateBinding Background}" Grid.Row="0" Grid.Column="3"/>
                     <Rectangle Fill="{TemplateBinding Foreground}" Grid.Row="0" Grid.Column="4"/>
                     <Rectangle Fill="{TemplateBinding Background}" Grid.Row="1" Grid.Column="0"/>
                     <Rectangle Fill="{TemplateBinding Foreground}" Grid.Row="1" Grid.Column="1"/>
                     <Rectangle Fill="{TemplateBinding Background}" Grid.Row="1" Grid.Column="2"/>
                     <Rectangle Fill="{TemplateBinding Foreground}" Grid.Row="1" Grid.Column="3"/>
                     <Rectangle Fill="{TemplateBinding Background}" Grid.Row="1" Grid.Column="4"/>
                 </Grid>
                 <TextBlock Text="{Binding MetricValue, RelativeSource={RelativeSource TemplatedParent}}" VerticalAlignment="Center" Margin="2,0"/>
                 <TextBlock Text="{Binding MetricUnit, RelativeSource={RelativeSource TemplatedParent}}" VerticalAlignment="Center"/>
             </StackPanel>
         </ControlTemplate>
     </Setter.Value>
 </Setter>
</Style>

Then you can use it with code like :

 
<esri:ScaleLine Map="{Binding ElementName=MyMap}" Margin="10" HorizontalAlignment="Left" VerticalAlignment="Bottom" Style="{StaticResource ScaleBarStyle}" />

and you get this kind of scaleline:

Re: Scalebar has some issue in 2.2, is it replaced by scaleline?

MarkCederholm — Tue, 22 Nov 2011 11:58:59 GMT

Thanks, I had only seen the first example in the docs and not the second.

Re: Scalebar has some issue in 2.2, is it replaced by scaleline?

MarkCederholm — Tue, 22 Nov 2011 12:20:08 GMT

One more question: how do I control the units it displays? I can set english vs. metric, but what if I always want it to display feet?

Re: Scalebar has some issue in 2.2, is it replaced by scaleline?

DanDong — Sun, 12 Dec 2021 01:20:15 GMT

One more question: how do I control the units it displays? I can set english vs. metric, but what if I always want it to display feet?

Hi Mark,

Not sure this is what you want. Below is the code I use for scalebar to change the display unit with a combobox.

private void UnitCombo_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            if (SetUnitBorder.Visibility == System.Windows.Visibility.Visible)
            {
                string _unit = UnitsCombo.SelectedItem.ToString();
                if (_unit == "FEET")                
                    MyScaleBar.DisplayUnit = ScaleBarUnit.Feet;
                else if (_unit == "MILES")
                    MyScaleBar.DisplayUnit = ScaleBarUnit.Miles;
                else if (_unit == "METERS")
                    MyScaleBar.DisplayUnit = ScaleBarUnit.Meters;
                else if (_unit == "KILOMETERS")
                    MyScaleBar.DisplayUnit = ScaleBarUnit.Kilometers;
            }
        }

Re: Scalebar has some issue in 2.2, is it replaced by scaleline?

DanDong — Tue, 22 Nov 2011 19:16:35 GMT

Yes, this was marked obsolete in 2.2 when ScaleLine was introduced: http://help.arcgis.com/en/webapi/silverlight/2.2/help/index.html#/What_s_new_in_2_2/0166000000m2000000/ and deprecated in 2.3: http://help.arcgis.com/en/webapi/silverlight/help/index.html#//0166000000mm000000

Thank you Jennifer. So if I update the reference to 2.2 and I still use scalebar, instead of scaleline, is there any issue it may cause?

Re: Scalebar has some issue in 2.2, is it replaced by scaleline?

JenniferNery — Wed, 23 Nov 2011 03:38:15 GMT

There should not be a problem in 2.2. Here's the SDK sample in 2.2 that use Scalebar:http://help.arcgis.com/en/webapi/silverlight/2.2/samples/start.htm#Scalebar

Re: Scalebar has some issue in 2.2, is it replaced by scaleline?

DominiqueBroux — Wed, 23 Nov 2011 09:18:48 GMT

One more question: how do I control the units it displays? I can set english vs. metric, but what if I always want it to display feet?

You can't.
When you use US units, the units will be automatically Miles or Feet depending on the rounded scale value to display (i.e. depending on the scale).

Re: Scalebar has some issue in 2.2, is it replaced by scaleline?

GregoryDillon — Wed, 30 Nov 2011 15:41:52 GMT

I really need feet all the time. Can this be fixed for 3.0? Also is there a way to make the scalebar stay the same size. The target width does not work like the old Scalebar. It varies in size, the TargetWidth seems to indicate the Maximuim width rather than a fixed width. Adjusting the Min/Max width does not help since this only adjusts the container not the scalebar itself.

Re: Scalebar has some issue in 2.2, is it replaced by scaleline?

DominiqueBroux — Thu, 01 Dec 2011 06:59:45 GMT

I really need feet all the time.

You can get the sources on codeplex and tweak them for your need.

Re: Scalebar has some issue in 2.2, is it replaced by scaleline?

LanceCrumbliss — Sun, 12 Dec 2021 01:20:17 GMT

<Style x:Key="ScaleBarStyle" TargetType="esri:ScaleLine">
<Setter Property="Background" Value="White"/>
<Setter Property="TargetWidth" Value="150.0"/>
<Setter Property="FontSize" Value="10.0"/>
 <Setter Property="Foreground" Value="Black"/>
 <Setter Property="Template">
     <Setter.Value>
         <ControlTemplate TargetType="esri:ScaleLine">
             <StackPanel Name="LayoutRoot" Orientation="Horizontal">
                 <Grid VerticalAlignment="Center" Height="10" Width="{Binding MetricSize, RelativeSource={RelativeSource TemplatedParent}}">
                     <Grid.ColumnDefinitions>
                         <ColumnDefinition Width="1*"/>
                         <ColumnDefinition Width="1*"/>
                         <ColumnDefinition Width="1*"/>
                         <ColumnDefinition Width="2*"/>
                         <ColumnDefinition Width="5*"/>
                     </Grid.ColumnDefinitions>
                     <Grid.RowDefinitions>
                         <RowDefinition Height="1*"/>
                         <RowDefinition Height="1*"/>
                     </Grid.RowDefinitions>
                     <Rectangle Fill="{TemplateBinding Foreground}" Grid.Row="0" Grid.Column="0"/>
                     <Rectangle Fill="{TemplateBinding Background}" Grid.Row="0" Grid.Column="1"/>
                     <Rectangle Fill="{TemplateBinding Foreground}" Grid.Row="0" Grid.Column="2"/>
                     <Rectangle Fill="{TemplateBinding Background}" Grid.Row="0" Grid.Column="3"/>
                     <Rectangle Fill="{TemplateBinding Foreground}" Grid.Row="0" Grid.Column="4"/>
                     <Rectangle Fill="{TemplateBinding Background}" Grid.Row="1" Grid.Column="0"/>
                     <Rectangle Fill="{TemplateBinding Foreground}" Grid.Row="1" Grid.Column="1"/>
                     <Rectangle Fill="{TemplateBinding Background}" Grid.Row="1" Grid.Column="2"/>
                     <Rectangle Fill="{TemplateBinding Foreground}" Grid.Row="1" Grid.Column="3"/>
                     <Rectangle Fill="{TemplateBinding Background}" Grid.Row="1" Grid.Column="4"/>
                 </Grid>
                 <TextBlock Text="{Binding MetricValue, RelativeSource={RelativeSource TemplatedParent}}" VerticalAlignment="Center" Margin="2,0"/>
                 <TextBlock Text="{Binding MetricUnit, RelativeSource={RelativeSource TemplatedParent}}" VerticalAlignment="Center"/>
             </StackPanel>
         </ControlTemplate>
     </Setter.Value>
 </Setter>
</Style>

Then you can use it with code like :

 
<esri:ScaleLine Map="{Binding ElementName=MyMap}" Margin="10" HorizontalAlignment="Left" VerticalAlignment="Bottom" Style="{StaticResource ScaleBarStyle}" />

and you get this kind of scaleline:

Using this template shows different lengths from those in the default scaleline (v2.4). for me at least. attached is an image showing the templated scaleline posted above and the default scaleline rendered on top of each other. The use the same units, but the scales they indicate are different.

[ATTACH=CONFIG]15508[/ATTACH]

Re: Scalebar has some issue in 2.2, is it replaced by scaleline?

DominiqueBroux — Wed, 27 Jun 2012 07:30:15 GMT

To get result in feet, you also need to change this binding : Width="{Binding MetricSize, RelativeSource={RelativeSource TemplatedParent}}"> from MetricSize to USSize.

Did you do it?

Re: Scalebar has some issue in 2.2, is it replaced by scaleline?

LanceCrumbliss — Wed, 27 Jun 2012 10:38:01 GMT

Grr, no. I had changed the text binding but not the width. That makes too much sense.

All is well now, thanks D.

Lance