nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Silverlight printing sample

DanDong

Hi everyone,

I am using the silverlight printing sample from code gallery (http://www.arcgis.com/home/item.html?id=e361c2cc69784fcba34358d0458f66e3).

According to the ReadMe, I should add a reference to the MapPrintingControls.dll (located at
MapPrintingControls/Bin/Release) to my silverlight application.

But I cannot find MapPrintingControls.dll in that path and neither the whole download folder, thus I cannot add this reference. Does anyone has clue for this? or if you have the dll, could you please share it with me 🙂 Really appreciate.

Find more posts tagged with

Accepted answers

All comments

deleted-user-ATjHIWsdQYmT

I haven't looked at the download, but I imaging if you build the solution (in release mode) it'll create the DLL for you.

tomw

You should be able to find from MapPrintingControls/obj/Release. You may like to add MapPrintingControls project to your solution, this way you will be able to modify it.

Hope this help.

DominiqueBroux

Andrew is right. The dll's are not provided in the zip. You must build the solution to create them.

DanDong

Hey guys, thank you! I build the application and find the dll file in the release folder. 🙂

DanDong

Sorry I have to ask another question. How can I change the template of the print dialog? Like in this screen shot [ATTACH]6851[/ATTACH]. In the bottom part, I think I don't need such options:
Rotate Map:
Page 1/3
Print to Scale

I kinda want to delete the textblock, checkbox and slidebar....
Is there some place that I can change them? If they are from a style, could you please share the style template? I don't have the blend...Thank you 🙂

printdialog.jpg

DominiqueBroux

Is there some place that I can change them? If they are from a style, could you please share the style template? I don't have the blend...Thank you

You have to retemplate the MapPrinterDialog. The default style is provided with the sources in MapPrinterDialog.Theme.xaml

DanDong

You have to retemplate the MapPrinterDialog. The default style is provided with the sources in MapPrinterDialog.Theme.xaml

Hey Dominique, thank you 🙂 I found the template in MapPrinterDialog.Theme.xaml. Should I add this file via Add-Add existing item in my application? I tried this and I changed this line
mlns:local="clr-namespace:ESRI.ArcGIS.Client.Samples.MapPrinting"
to xmlns:controls="clr-namespace:ESRI.ArcGIS.Client.Samples.MapPrinting;assembly=MapPrintingControls" since the first one has an error.
I also changed "local" in <local:LogConverter x:Key="logConverter" /> to "controls" and the other "local" in the xaml.

But I still cannot see the layout of the printerdialog, it says: Internationally left blank, the document root element is not supported by the visual designer.

Did I miss something? or should I change the template in other ways instead of add the existing item? Thank you!

DominiqueBroux

Should I add this file via Add-Add existing item in my application?

There are a few ways to achieve that. The simplest is this one:
1) Copy the LogConverter and MapPrinterDialog style to the resources of your main page.
2) Change the local namespace to controls
3) Give a key to the MapPrinterDialog style
4) Change the style as you want
5) Use this style for your MapPrinterDialog

Something like:

 
  <UserControl.Resources>
    <controls:LogConverter x;Key="logConverter" />
    <Style x:Key="myMapPrinterDialogStyle" TargetType="controls:MapPrinterDialog">
..........
 
    <controls:MapPrinterDialog Style="{StaticResource myMapPrinterDialogStyle}" ...
...

DanDong

Hey Dominique, thank you, that works very well 🙂 I successfully did it!

I want to use the printer style with legend which I have found in the sample codes. I have two questions here. I attach a screenshot here [ATTACH]6931[/ATTACH]
1. In the map frame, the map has been zoomed in, but in the print page the map doesn't zoom in (stays the Illinois state) leaving only a red rectangle in the northwest part (sorry,,,,it's very small...) as the area that will be printed. I see from your sample, when hitting the toggle button, the print dialog show again with a refreshed scale. In my application, I actually use a button (not a toggle button) to show the print dialog. Is there a way to get a zoomed map in the print dialog?

2. There is a difference between the two legends in the screenshot. I use the 'layerids' to limit the layers displayed in the legend. But I didn't find the similar thing in the legend in the printer style. So in the printer dialog, the legend side display all of the layers in my application. Is there a place in the printer style I can limit the 'layerids'?

Thank you! 😄

print with legend.jpg

DominiqueBroux

In my application, I actually use a button (not a toggle button) to show the print dialog. Is there a way to get a zoomed map in the print dialog?

Look at this thread http://forums.arcgis.com/threads/14270-Printing-in-SL-2.0-comparsion. there is some explanation on how and when the print extent is defined and how a button can be used to control that.

I use the 'layerids' to limit the layers displayed in the legend. But I didn't find the similar thing in the legend in the printer style.

I don't understand. Why could you not use the LayerIds property for the second legend as well?

DanDong

Hi Dominique, thank you for your advice! I follow the method in the thread and set the isactive with codes. I use a common button to open the print dialog. But the extent in the print page still has some issue. It looks like only the printable area in the red rectangle is changed as I zoom in the map, but the extent stays as the whole state without being zoomed in...:( [ATTACH]6980[/ATTACH] [ATTACH]6981[/ATTACH]

I paste this piece of codes.

private void PrintBtn_Click(object sender, RoutedEventArgs e)
        {
            if (MapPrinterDialog.Visibility == System.Windows.Visibility.Collapsed)
            {
                MapPrinterDialog.Visibility = System.Windows.Visibility.Visible;
                mapPrinterWithDialog.IsActive = true;
            }
            else
            {
                MapPrinterDialog.Visibility = System.Windows.Visibility.Collapsed;
                mapPrinterWithDialog.IsActive = false;
            }
        }

<!--set the print dialog-->
            <controls:MapPrinterDialog x:Name="MapPrinterDialog" Background="White" Width="350" Height="400" Style="{StaticResource MyMapPrinterDialogStyle}" Visibility="Collapsed" >
                <controls:MapPrinter x:Name="mapPrinterWithDialog" Map="{Binding ElementName=MyMap}" Style="{StaticResource WithLegend}"
                                     Title="DIRT" PageChanged="mapPrinter_PageChanged" 
                   IsScaleFixed="True" Scale="2000000" />
                <!--IsActive="{Binding ElementName=PrintBtn }"-->
            </controls:MapPrinterDialog>           
            <controls:MapPrinterIndicator MapPrinter="{Binding ElementName=mapPrinter}" />

step2.jpg

step1.jpg

DominiqueBroux

I am not sure to understand the issue.
The PrintExtent is not supposed to change when zooming in the main map nor in the print dialog map (but you could do that by your own development).

The print extent changes when:
     - you use the 'Defined print extent' command
     - you set the PrintExtent property by code
     - you activate the mapprinter, the printextent is set to the current map extent (at the condition that it was not already set)

As you have fixed the scale, you have also to consider that the printed extent will be different from the desired print extent in order to respect the scale.

Hope this help.

DanDong

Hey Dominique, thank you very much, I see your point. I comment the fixed scale part in MapPrinter

IsScaleFixed="True" Scale="2000000"

After this, every time I click the button to fold or unfold the MapPrinterDialog, the extent will change. I don't need PrintExtent to be changed when zooming in the main map> But with the fixed scale, when I click the button to unfold the MapPrinterDialog, the print extent doesn't change. I mean it should change since I use its 'isactive' property in the button click event.

I have another question related to the legend in MapPrinter. This legend is located in the style 'WithLegend'. Then how should I call this legend in the code behind?? Please see the red letters in the codes below. Even I have given a name to this legend (x:Name = "PrintLegend"), I still cannot call this legend in codes.
What I want to implement is that in the beginning, only the 'Visible Layers' is displayed on the legend. But as the user play around with the website, a few graphicslayers will display on the legend to with results from spatial query, find or buffer task. So with the legend control in this application (not the one in print dialog), I wrote this to add another item to the legend: MyLegend.LayerIDs.SetValue("MySelectionGraphicsLayer",legendIDcount);
But I was unable to write the similar code to PrintLegend ð
Any thoughts on this?

 <!-- Legend -->
                                            <Border Background="{TemplateBinding Background}">
                                                <StackPanel>
                                                    <TextBlock Text="Legend" FontWeight="Bold" HorizontalAlignment="Center"/>
                                                    <esri:Legend x:Name="PrintLegend" Map="{Binding ElementName=PrintMap}" LayerIDs="Visible Layers,,,">
                                                        <esri:Legend.Style>
                                                            <Style TargetType="esri:Legend">
                                                                <Setter Property="LayerItemsMode" Value="Flat" />
                                                                <Setter Property="Template">
                                                                    <Setter.Value>
                                                                        <ControlTemplate TargetType="esri:Legend">
                                                                            <ItemsControl ItemsSource="{TemplateBinding LayerItemsSource}">
                                                                                <ItemsControl.ItemTemplate>
                                                                                    <DataTemplate>
                                                                                        <StackPanel Orientation="Vertical">

                                                                                            <!--Layer Item-->
                                                                                            <TextBlock Text="{Binding Label}" FontWeight="SemiBold"/>

                                                                                            <!--Legend Items-->
                                                                                            <ItemsControl ItemsSource="{Binding LegendItems}" >
                                                                                                <ItemsControl.ItemTemplate>
                                                                                                    <DataTemplate >
                                                                                                        <ContentPresenter Content="{Binding}" ContentTemplate="{Binding Template}" />
                                                                                                    </DataTemplate>
                                                                                                </ItemsControl.ItemTemplate>
                                                                                            </ItemsControl>
                                                                                        </StackPanel>
                                                                                    </DataTemplate>
                                                                                </ItemsControl.ItemTemplate>
                                                                            </ItemsControl>
                                                                        </ControlTemplate>
                                                                    </Setter.Value>
                                                                </Setter>
                                                            </Style>
                                                        </esri:Legend.Style>
                                                    </esri:Legend>
                                                </StackPanel>

                                            </Border>

DominiqueBroux

But with the fixed scale, when I click the button to unfold the MapPrinterDialog, the print extent doesn't change.

Difficult to help you out. The sample is working well this way so I guess the problem is coming from one of your modification.

This legend is located in the style 'WithLegend'. Then how should I call this legend in the code behind??

As the names are defined in a template, you can't easily use the names to access the elements.
The simplest way is to hook up an handler to events such as Refreshed or Loaded and put your code in this handler.

DanDong

Thank you Dominique! I see your point. I did modify the sample a lot...so I agree that may cause the issue.

Regard to accessing the element in template. I followed your suggestion. I created a loaded event for the legend inside the style. The codes for this event are as below. By doing this, I can access the element in the template and change its properties' value.

I have another question related to the 'withlegend' template. I see there is a big number in the red rectangle on the print dialog and it is the page number. I went through the map part in the template, but didn't find where I can modify to disable this big number....I only have one page to print out, so I think I don't need this big number 😛 [ATTACH]7097[/ATTACH] Thank you!

Legend printLegend;

//this event used in print legend style to get access to the element in the style
        private void PrintLegend_Loaded(object sender, RoutedEventArgs e)
        {
            printLegend = sender as Legend;
            printLegend.LayerIDs.SetValue("MySelectionGraphicsLayer", legendIDcount);
        }

<!-- Map-->
                                            <Border BorderBrush="Black" BorderThickness="1">                                                                                           
                                            <esri:Map x:Name="PrintMap" IsLogoVisible="False" 
              controls:CloneMap.Map="{TemplateBinding Map}"
              controls:SurrogateBinder.OverviewMapPrinter="{Binding RelativeSource={RelativeSource TemplatedParent}}">
                                                <controls:PrintOverviewLayer>
                                                    <controls:PrintOverviewLayer.ExtentFillSymbol>
                                                        <esri:SimpleFillSymbol BorderBrush="Red" BorderThickness="3" Fill="Transparent" />
                                                    </controls:PrintOverviewLayer.ExtentFillSymbol>
                                                </controls:PrintOverviewLayer>
                                            </esri:Map>
                                            </Border>

page number.jpg

DominiqueBroux

I see there is a big number in the red rectangle on the print dialog and it is the page number. I went through the map part in the template, but didn't find where I can modify to disable this big number....

That's managed by the property 'TextSymbol' of the layer 'PrintOverview'.

So you can either set the TextSymbol to null or set it's foreground color to transparent.

Something like:

<controls:PrintOverviewLayer TextSymbol="{x:Null}">
   <controls:PrintOverviewLayer.ExtentFillSymbol>
       <esri:SimpleFillSymbol BorderBrush="Red" BorderThickness="3" Fill="Transparent" />
   </controls:PrintOverviewLayer.ExtentFillSymbol>
</controls:PrintOverviewLayer>

DanDong

That works! Many thanks to you, Dominique! 🙂 Also thanks a lot for such a powerful print sample! It really helps me out. Without this, I cannot even think about implementing such a convenient print tool. 😛

I am now working on the scale of the map. Since I didn't give a fixed scale to the MapPrinter control, I am thinking to make one of the textblocks in the footer to display the current map scale. Originally this textblock is binding to the textbox which is used to get the scale value from user's input. Any thoughts on how to let it show the current map scale? Thank you!

<TextBlock HorizontalAlignment="Left" VerticalAlignment="Center" Grid.Row="2" Grid.ColumnSpan="2"
 Text="{Binding Scale, RelativeSource={RelativeSource TemplatedParent}, StringFormat='1 : {0:F0} '}" />

DominiqueBroux

Thanks for your nice words. I am glad this sample was usefull for you:)

Concerning your question about the scale, your code should work since the scale mapprinter property is set to the scale (actually scale denominator) the print will be done. So you can use it to display the scale in the dialog or in the print out.

Note that this scale won't change when you zoom the map but only when you change the print extent.
Note also that the scale can change during the print process after the user selects the printer and the orientation since the scale is depending on the printeable area.

DanDong

Hey Dominique, I see that the textblock in the mapprinter is bind to the Scale denominator, instead of the textbox used for user's input. But no matter how I change the print extent, the footer stays 1�?0 �?0 is default value in the textbox�?. Only after I change 0 to other value, the footer will change accordingly. Is this because the scale of the map hasn't been set yet? Then how should I get the current scale of the map? I noticed that there are a few threads related to this question and there should be a equation to calculate the current scale.

Text="{Binding Scale, RelativeSource={RelativeSource TemplatedParent}, StringFormat='1 : {0:F0} '}"

DominiqueBroux

Text="{Binding Scale, RelativeSource={RelativeSource TemplatedParent}, StringFormat='1 : {0:F0} '}"

The sample is using this binding and is working, so difficult for me to help you out. The scale is supposed to be calculated and set in 'PreparePages'. I recommend you to test in debug and to set a breakpoint to this method, that could give a clue.

DanDong

Hey Dominique, thank your for the tips. I see where the problem is. Actually I don't have 'PreparePages' function...so the scale doesn't get any value and it doesn't work I guess.

So I was thinking to add this function to MapPrinter loaded event. Please see the red words. But for some reasons the printExtent is always null. I put a breakpoint in this line: Envelope printExtent = mapPrinterWithDialog.PrintExtent....but it seems like there is no map in 'mapPrinterWithDialog' even I bind MyMap to its 'Map'. I am really confused...why the map is still empty after we bind its map property to MyMap, even in its loaded event?

controls:MapPrinterDialog x:Name="MapPrinterDialog" Background="White" Width="350" Height="400" Style="{StaticResource MyMapPrinterDialogStyle}" Visibility="Collapsed" >
                <controls:MapPrinter x:Name="mapPrinterWithDialog" Map="{Binding ElementName=MyMap}" Style="{StaticResource WithLegend}" 
                                     Title="WIRT" Loaded="mapPrinterWithDialog_Loaded"/>
                <!--IsScaleFixed="True" Scale="2000000"-->
                <!--IsActive="{Binding ElementName=PrintBtn }"-->
            </controls:MapPrinterDialog>           
            <controls:MapPrinterIndicator MapPrinter="{Binding ElementName=mapPrinter}" />

private void mapPrinterWithDialog_Loaded(object sender, RoutedEventArgs e)
        {
            MapPrinter mapPrinterWithDialog = sender as MapPrinter;

            double mapHeight = MyMap.ActualHeight;
            double mapWidth = MyMap.ActualWidth;
            Envelope printExtent = mapPrinterWithDialog.PrintExtent;
            var mapSize = new Size(mapPrinterWithDialog.RotateMap ? mapHeight : mapWidth, mapPrinterWithDialog.RotateMap ? mapWidth : mapHeight);
            var mapUnit = mapPrinterWithDialog.MapUnits;
            bool isWebMercator = (mapPrinterWithDialog.Map != null && mapPrinterWithDialog.Map.SpatialReference != null &&
                                  (mapPrinterWithDialog.Map.SpatialReference.WKID == 102100 || mapPrinterWithDialog.Map.SpatialReference.WKID == 102113 || mapPrinterWithDialog.Map.SpatialReference.WKID == 3857));
            double ratioScaleResolution = RatioScaleResolution(mapUnit, printExtent.GetCenter().Y, isWebMercator);
            double scale = mapPrinterWithDialog.Scale;
            double printResolution;

            printResolution = Math.Max(printExtent.Width / mapSize.Width, printExtent.Height / mapSize.Height);
            scale = ratioScaleResolution * printResolution;

            if (scale != mapPrinterWithDialog.Scale)
                mapPrinterWithDialog.Scale = scale;
        }


        private static double RatioScaleResolution(MapUnit mapUnit, double yCenter, bool isWebMercator)
        {
            double ratio;
            int dpi = 96;
            double toRadians = 0.017453292519943295769236907684886;
            double earthRadius = 6378137; //Earth radius in meters (defaults to WGS84 / GRS80)
            double degreeDist = earthRadius * toRadians;// distance of 1 degree at equator in meters

            if (isWebMercator)
            {
                // Transform yCenter from web mercator to decimal degree
                yCenter = Math.Min(Math.Max(yCenter, -20037508.3427892), 20037508.3427892);
                var point = new MapPoint(0, yCenter);
                yCenter = point.WebMercatorToGeographic().Y;
                ratio = Math.Cos(yCenter * toRadians) * dpi * 39.37; // 39.37 = MapUnit.Meters/MapUnit.Inches
            }
            else if (mapUnit == MapUnit.DecimalDegrees || mapUnit == MapUnit.Undefined)
            {
                if (Math.Abs(yCenter) > 90)
                    ratio = 0.0;
                else
                    ratio = Math.Cos(yCenter * toRadians) * degreeDist * dpi * 39.37;
            }
            else
            {
                ratio = (double)dpi * (int)mapUnit / (int)MapUnit.Inches;
            }
            return ratio;
        }

DominiqueBroux

Actually I don't have 'PreparePages' function...so the scale doesn't get any value and it doesn't work I guess.

At first glance I don't see how the MapPrinter control could work without the PreparePages method.
I would recommend you to use the MapPrintingControls project as it is and just adapt the templates in your project (except if you think there is a missing functionality in MapPrintingControls?).

DanDong

Hey Dominique, thank you for the advice. I still get this issue unfixed. But the user seems to want to omit this scale stuff. So shifted my attention to implement other functions.

I notice in the printing sample, the print button opens a standard Windows Print Dialog. So can I have another button similar to this one to open a standard windows SaveFile dialog?

DominiqueBroux

But the user seems to want to omit this scale stuff. So shifted my attention to implement other functions.

You can just set IsScaleFixed to false.

So can I have another button similar to this one to open a standard windows SaveFile dialog?

You can use the standard SaveFileDialog provided by Silverlight. Note that for security reason, the SaveFileDialog can only be shown in response to an user initiated event (a button should be OK then).

DanDong

You can use the standard SaveFileDialog provided by Silverlight. Note that for security reason, the SaveFileDialog can only be shown in response to an user initiated event (a button should be OK then).

Hey Dominique, thanks a lot for the answer. I just went through the codes. I am thinking to add a button just beside the 'Print' button, named 'Save'.
But I didn't find where I can specify the command to open a SaveFileDialog. I saw the 'Print' button is binded to a print command, but I didn't find where it is specified to open standard Windows PrintDialog.
Could you share some guidance? Thank you very much!

ibrahimKalayci

Hi debroux,

i want to use your MapPrintingtool in my Silverlightapplication. I've done all the instructions step by step as in "readme.txt". But I get a runtime error: "[Control_TargetTypeMismatch]
"http://go.microsoft.com/fwlink/?linkid=106663&Version=4.0.60531.0&File=System.Windows.dll&Key=Control_TargetTypeMismatch".
System.Windows.Controls.Control.ApplyTemplate()
Microsoft.Expression.Platform.Silverlight.InstanceBuilders.SilverlightViewNodeManager.EnsureElementInDictionary(Object root, ViewNode knownAncestor)"

DominiqueBroux

Double check that all your references are correct.
Check also that you have added a reference to System.Windows.Controls.Toolkit in your application.

PaulHuppé

Hi Dominique,

I have downloaded your Map Printing solution because we need something like you developed. I would have a few suggestions that you may have already considered or not. In Canada, our applications must be bilingual, English and French, so it would be nice to have something like:

<controls:MapPrinter x:Name="mapPrinter"
        Map="{Binding ElementName=MyMap}"
        Locale="fr"
        Title="Tour de France 2010"
        IsScaleFixed="True" Scale="2000000"/>

This way, we could change the local on the fly. This would mean that the MapPrinter control, or maybe this could be on the MapPrinterDialog control, would have to handle locales. Another one, is that we have a requirement for a subtitle as well.

Next, when you click the Rotate Map checkbox, we get something like in the attached "img1_Default_Rotated.png". We would need to rotate the whole template instead to have something like the modified image "img1_Default_Rotated_Modified.png".

Your thoughts,

Paul

img1_Default_Rotated.png

img1_Default_Rotated_Modified.png

DominiqueBroux

Hi Paul,

Thanks for your suggestions.

The sources of this sample are provided so you can tweak it for your need.

My thoughts about your points:
   - localization : either keep the same mapprinter style whatever the locale and localize this style (likely with the same mechanism you are using for your application), or define one mapprinter style by locale, in this case your application has to select the right style depending on the current culture.
   - add a subtitle : you can add a new 'SubTitle' property (like 'Title')
   - rotate the whole template : not sure it's needed. You will get the same result by printing the map in landscape mode.

PaulHuppé

Hi Dominique,

Thanks for the reply. I will have a look at the code and start tweaking! The longest thing to do is localisation. For landscape mode, I will give it a try. I was wondering if when you pick landscape in the printer properties if it would stretch or if it would leave the size of the map as is.

Cheers,
Paul

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.