topic Re: Format InfoWindow Contents? in ArcGIS API for Silverlight Questions

Format InfoWindow Contents?

AndrewHargreaves — Thu, 16 Dec 2010 20:42:34 GMT

Hi All,
I have a map of office locations that are currently 'Clustered' by the number of people in each, with a maximum flare count of 10. If < 10 people per office the point flares out and I use a maptip to show the name, email, phone number etc.

I'm using an Info window instead of maptips on those points where I have > 10 people. For example, I may have over 30 Names, Emails and Phone Numbers at one point. I can easily interrogate the attributes of the selected graphic/point to get all the info I need and drop it into a string for display in the infowindow.

However, how do I go about formatting it before displaying it? I'd like to add it into some kind of template or grid to organise it.

Thanks

Re: Format InfoWindow Contents?

DominiqueBroux — Fri, 10 Dec 2021 21:55:10 GMT

You can template the InfoWindow with an ItemsControl (such as a ListBox) and set the Content to an enumeration of graphics.

if (selected.Count() > 10)
{
 
    MyInfoWindow.Anchor = e.MapPoint;
    MyInfoWindow.IsOpen = true;
    //Since a ContentTemplate is defined, Content will define the DataContext for the ContentTemplate
    MyInfoWindow.Content = selected;
  return;
}

And XAML:

<esri:InfoWindow x:Name="MyInfoWindow"
                   Padding="2"
                   CornerRadius="20" 
                   Background="LightSalmon"
                   Map="{Binding ElementName=MyMap}" 
                   MouseLeftButtonUp="MyInfoWindow_MouseLeftButtonUp" >
<esri:InfoWindow.ContentTemplate>
<DataTemplate>
 <ListBox ItemsSource="{Binding}" MaxHeight="150">
  <ListBox.ItemTemplate>
   <DataTemplate>
    <StackPanel Orientation="Horizontal">
     <TextBlock Text="{Binding Attributes[Name]}" Foreground="Black" FontSize="12" />
     <TextBlock Text="{Binding Attributes[EMail]}" Foreground="Black" FontSize="12" />
    </StackPanel>
   </DataTemplate>
 </ListBox.ItemTemplate>
</ListBox>
</DataTemplate>
</esri:InfoWindow.ContentTemplate>
</esri:InfoWindow>

Re: Format InfoWindow Contents?

KevinSesock — Tue, 15 Feb 2011 18:51:36 GMT

I'm wanting to set up my InfoWindow like the Identify query grid (from this link: http://help.arcgis.com/en/webapi/silverlight/samples/start.htm#Identify) and be able to customize further. We have overlapping layers that means that it would be easier for an end-user to be able to select a drop-down based on what's under the MapPoint. In other words, I would want to use the InfoWindow as a wrapper for this Identify grid primarily for the purposes of positioning the window and pointing to the map point that was clicked on.

Any thoughts?

Re: Format InfoWindow Contents?

JenniferNery — Tue, 15 Feb 2011 20:50:59 GMT

Sure. In that sample, you can put IdentifyComboBox in your InfoWindow template. This contains the layers that were underneath the mouse click. Look at where ShowFeatures() is called.

Re: Format InfoWindow Contents?

KevinSesock — Wed, 16 Feb 2011 12:19:35 GMT

I guess I'm just somewhat confused since the example at this URL:

http://help.arcgis.com/en/webapi/silverlight/2.1/samples/start.htm#InfoWindowSimple

Is using a Feature Layer for the query. In addition, I can't reference the "IdentifyComboBox" via the x:Name component in the code-behind. It says it does not exist in the current context. I assume this is because the IdentifyComboBox (not to mention the datagrid as well) are in a DataTemplate, not in the the true xaml layout. Any thoughts?

Re: Format InfoWindow Contents?

JenniferNery — Wed, 16 Feb 2011 17:37:49 GMT

In your previous post, you mentioned you wanted to modify the following sample:
http://help.arcgis.com/en/webapi/silverlight/samples/start.htm#Identify.

IdentifyComboBox exists in this sample. The relevant code for ShowFeatures() is in the code-behind.

From my understanding, you want to add InfoWindow that contains what the IdentifyComboBox contain (layer name) and base on this selection, you want to display information on the Grid. If I understood you correctly, I think what you need to do then is first modify the Identify sample and then use InfoWindow sample as guideline on how to update its template and use in your application. Basically, learn both samples, tweak for your need and merge 🙂

Re: Format InfoWindow Contents?

KevinSesock — Wed, 16 Feb 2011 18:01:38 GMT

No, I also want the grid inside the IdentifyComboBox. We'd like to have the information popup with the query info happen at the point where the user is viewing, not to the side or bottom of the screen. I've already managed to take my grid and my IdentifyComboBox and move them around the screen using e.MapPoint and settings the margins, but this is kludgey and suffers from some issues. Instead, I'd much rather have the IdentifyComboBox and the IdentifyResultsPanel be inside the InfoWindow.

Re: Format InfoWindow Contents?

KevinSesock — Fri, 18 Feb 2011 13:50:06 GMT

Any thoughts on this? Would this be possible?

Re: Format InfoWindow Contents?

JenniferNery — Fri, 18 Feb 2011 16:55:54 GMT

It is possible. You just need to modify the DataTemplate of your InfoWindow. Or you can also create a UserControl that contains the IdentifyGrid and use it as your maptip. You may also need to update Binding statements and/or DataContext of your control.

Re: Format InfoWindow Contents?

KevinSesock — Fri, 18 Feb 2011 16:56:59 GMT

But if I'm putting controls in the DataTemplate, can I refer to them via x:Name in code-behind? This is what doesn't seem to work for me.

Re: Format InfoWindow Contents?

JenniferNery — Fri, 18 Feb 2011 17:41:08 GMT

This Silverlight forum thread might help: http://forums.silverlight.net/forums/p/19912/68700.aspx