topic Re: view multiple pictures in ArcGIS Viewer for Flex Questions

view multiple pictures

RandellMcGlynn — Thu, 17 Mar 2011 13:03:26 GMT

Hi, I'm trying to create a web app with the flex viewer, but I need to show multiple pictures for one point. I've used the enhanced identify widget, to show one picture, but is there a way to view more than one (For this project, I only need to show 2 images, but it would be nice to show more than 2). I don't have to use the identify widget, I would just prefer it, but if there is no other way I would be alright with that.

Thanks in advance.

Re: view multiple pictures

RobertScheitlin__GISP — Thu, 17 Mar 2011 13:44:14 GMT

Randell,

The identify widget does not support this, and I will not be modifying it to do this in the future either and here is the reason. Many people have asked for the capability to have multiple links and images but the issue is the Info Window that the identify widget uses is not part of the widget but is actually part of the Flex Viewer base code. So to be able to support multi images or links would require a custom info window to be written (which is not really a big deal, but further complicates the install and configuration of what is suppose to be a simple widget).

So all that being said I have produced a great alternative widget. The Attachment Relate Info Window Widget is a great do all widget for as it name says attachments, relates, mutli images, and multi links. But it does not act as the identify widget in the case that it has to have an individual layer in the flex viewer defined as type = "feature" (that does not mean that the url of this layer has to be pointing to a feature service though). It also doesn't have a GUI that is launched first and then you click on the map, what you have is a feature layer drawn on the map and then you click the feature and a GUI appears with results, images, links, buttons for querying attachment and relates if these are defined in the XML file.

So take a look:
http://www.arcgis.com/home/item.html?id=4ec33120c9ea4d019fddf722fc34ea3c

Re: view multiple pictures

RandellMcGlynn — Thu, 17 Mar 2011 16:30:08 GMT

Very cool widget. One question though:

With the multipleimagefield tag, is there a way to make the images a clickable link that will open up the picture in a new tab like the linkfield tag?

Thanks for the response.

Re: view multiple pictures

RandellMcGlynn — Sat, 11 Dec 2021 19:59:05 GMT

Ok so for the project I am doing I only need to display two pictures. So I figured I would just have two <linkfield> tags instead of one <multiimagefield> tag. They would be clickable thumbnails that open the picture in the internet browser, and that would be great. So I put them in there and only one picture shows up. I've tested both fields to make sure they there are no spelling errors or anything like that, and they work fine individually. So perhaps it is not possible. if I set the "icon_or_text_or_img" property to text for one picture and the other to "img" they show up fine and are clickable links, but I cannot get two thumbnail pictures to show up. Any thoughts?

Here is my config file code:

<?xml version="1.0" ?>
<configuration>
    <fields>Picture_File,Picture_File2</fields>
    <titlefield>Picture_File</titlefield>
    <links>
    <linkfield icon_or_text_or_img="img" icon="" linkalias="" linkprefix="" linksuffix="">Picture_File</linkfield>
    <linkfield icon_or_text_or_img="img" icon="" linkalias="" linkprefix="" linksuffix="">Picture_File2</linkfield>
    </links>
    <layername>Photos</layername>
    <datefields dateformat="MM/DD/YYYY"></datefields> <!-- field in milliseconds or string -->
    <zoomscale>300</zoomscale>
    <csvseparator>,</csvseparator>
    <labels>
     <csvdefaultname>Related Records</csvdefaultname>
  <exportbtnlabel>Export...</exportbtnlabel>
  <export2csvoptionlabel>Export to CSV...</export2csvoptionlabel>
  <export2txtoptionlabel>Export to Txt...</export2txtoptionlabel>
    </labels>
</configuration>

Thanks.

Re: view multiple pictures

RobertScheitlin__GISP — Mon, 21 Mar 2011 14:00:54 GMT

Randell,

Currently, you are in a hard spot... You can not have two img type links appear as thumbnails, for this situation I created the multi image. But with the multi image I forgot to add the ability to click and hyperlink to the full image. So bottom line is currently there is no good solution for you to have multiple thumbnails that act as hyperlinks. I will how ever add it to the enhancement list. The enhancement would be to the multi image part though, where each multi image would be clickable.

Re: view multiple pictures

RandellMcGlynn — Mon, 21 Mar 2011 14:22:35 GMT

Not a problem, you are doing excellent work. I'll just have to use two text link fields until you make the update to the widget.

Quick question though, when I set the operational layer in the config.xml file the features no longer use the symbology I set for them in the service. They just show up as black circles. Any Idea what I did wrong there? I copy and pasted it from the read me text file that was included with the download.

Thanks.

Re: view multiple pictures

RobertScheitlin__GISP — Mon, 21 Mar 2011 14:27:53 GMT

Randell,

That tells me that you are not using ArcGIS Server 10 for your server. Basically if your server is not 10 than the drawing info for your featurelayer will not get sent to the client and thus you get the default simple symbology. The only work around until you upgrade to 10 is to add renderers manually to the MapManager.mxml. Let me know if you are interested in this route and I can give you a link to where I already showed how to do this in another thread.

Re: view multiple pictures

RandellMcGlynn — Mon, 21 Mar 2011 15:30:13 GMT

Unfortunately I'm having a difficult time getting my company to buy adobe flash builder so I do not believe I have the capabilities to do any this kind of programming yet. I do know that we should be upgrading to 10 in the next few months, so that should relieve me of that problem. Regardless I am interested in learning these things, so I feel free to send me the link I'll look at it as soon as I get flash builder.

thanks

Re: view multiple pictures

RobertScheitlin__GISP — Mon, 21 Mar 2011 19:18:48 GMT

Randell,

Here is the link:

http://forums.arcgis.com/threads/26224-Symbolizing-layers-on-AGS-9.3-in-Flex-Viewer-v2.2

Re: view multiple pictures

RhettZufelt — Wed, 16 Nov 2011 21:14:04 GMT

Ok so for the project I am doing I only need to display two pictures. So I figured I would just have two <linkfield> tags instead of one <multiimagefield> tag. They would be clickable thumbnails that open the picture in the internet browser, and that would be great. So I put them in there and only one picture shows up. I've tested both fields to make sure they there are no spelling errors or anything like that, and they work fine individually. So perhaps it is not possible. if I set the "icon_or_text_or_img" property to text for one picture and the other to "img" they show up fine and are clickable links, but I cannot get two thumbnail pictures to show up. Any thoughts?

Thanks.

Curious what you had to do to get the thumbnail to show? Do they have to be created somehow?
Mine seems to be working, but I get a photo icon in the pop up, instead of a thumbnail image.

Thanks,

R_

Re: view multiple pictures

RobertScheitlin__GISP — Thu, 17 Nov 2011 12:09:09 GMT

Rhett,

For the thumbnail to appear instead of the picture icon you have to have a link with these image file extensions:

if ((sfx == ".jpg") || (sfx == ".png") || (sfx == ".gif"))

If you have a url that produces and image through a url query or something than it will appear as an icon instead.

Re: view multiple pictures

RhettZufelt — Fri, 18 Nov 2011 02:02:47 GMT

Thanks much for the help,

My string was forming a UNC path, not a URL.

With the URL, the images preview just fine and works great.

However, I would like to use the multi image option, but have ran into a snag.

I have an images folder with my jpegs in it, but, they are in sub-folders within. Way to many to have all in a single folder.

I do have a field that has the full path, one with name of the single folder that the images are in, as well as a field with comma separated filenames.

Is there some way to have it append a "post" prefix prefix that is coming from a field so that it knows which sub-folder to load the jpegs from?

something like

<multiimagefield linkprefix="http://server/images/" linkpostprefix=FOLDER (plus a slash) linksuffix="" nexttooltip="Next" prevtooltip="Prev">PHOTOS</multiimagefield >

Where FOLDER is a field containing the folder the images reside in
PHOTOS is the field with CSV filenames.

Thanks again for the help,

R_

Re: view multiple pictures

RobertScheitlin__GISP — Sat, 11 Dec 2021 19:59:08 GMT

Rhett,

As you are probably aware there is nothing in place to make this work currently. There is also some major issues you will run into trying to use to fields for the link. The way the code is setup it loops through the fields to find a match for the link field name and then grabs that attribute value and passes it to the MultiImageControl. If you want it to use two different fields than when you find the link field you would have to loop though the fields list again to capture the other field. I definitely don't have free time to assist with this right now even if I was making updates to this widget.

This is the block of the code where you will need to look and add a second field loop: AttRelateInfoWinWidget

                            if (multiImgField && fields == multiImgField)
                            {
                                linkFound = true;
                                mInfoImageC.multiImgPre = multiImgPre;
                                mInfoImageC.multiImgSuf = multiImgSuf;
                                iArray = attrvalue.split(",");
                                mInfoImageC.iArray = iArray;
                                mInfoImageC.visible = true;
                                mInfoImageC.includeInLayout = true;
                            }

Re: view multiple pictures

RhettZufelt — Sat, 11 Dec 2021 19:59:10 GMT

Thanks Robert,

I had looked at the code some and appreciate you showing me where to look/modify. However, I am new enough to this, I can't seem to figure out how the different pages work together. Not sure how args/variables are passed from one module to the other, since variable names are not the same, etc. Think I will need a little more "practice" before I take this on.

For now, I have just made a copy of the images to a single folder to get it working. However, i can not seem to get the multiimage to work.

I have tried to remove the linkfield line in case it only allows one or the other, but no joy.
If I put the multiimagefield as one of the <fields>, it identifies it and even lists all the comma separated jpeg files, but I do not see any Next/Prev buttons or a preview.

If I use both the link and multiimage lines, the link works just fine and has a preview for the features that only have a single photo (features can have zero to 8 photo names in the multiimage field). If there is more than one photo, it will put the entire CSV string in the browser line, so I know it is getting the values but have yet to see the multi image option. Does this only work if ALL features have multiple images or something?

Below are my two lines of code. have tried with both, one, or the other.

<linkfield icon_or_text_or_img="img" icon="" linkalias="Photo" linkprefix="http://gis01.wch-rcc.com/rkz/images/" linksuffix="">PHOTOS</linkfield>
<multiimagefield linkprefix="http://gis01.wch-rcc.com/rkz/images/" linksuffix="" nexttooltip="Next" prevtooltip="Prev">PHOTOS</multiimagefield >

Do you see anything obvious that I am missing or have any ideas?

Thanks again,

Rhett

Re: view multiple pictures

RobertScheitlin__GISP — Mon, 21 Nov 2011 16:33:05 GMT

Rhett,

Your PHOTOS field should contain values like this:

derby_1.jpg,derby_2.jpg,derby_3.jpg,derby_4.jpg

unless
you also use the linkfuffix=".jpg" then your field data can be:

derby_1,derby_2,derby_3,derby_4

My example setup is:

<multiimagefield linkprefix="http://gis.calhouncounty.org/FlexViewer2.4/assets/images/" linksuffix="" nexttooltip="Next" prevtooltip="Prev">URL</multiimagefield>

You do not use both the multiimagefield and the linkfield

Re: view multiple pictures

RhettZufelt — Mon, 21 Nov 2011 16:50:25 GMT

Thanks again,

Couple things going on here. My data looked like

derby_1.jpg, derby_2.jpg,derby_3.jpg, derby_4.jpg

and it does not like spaces in front of the filenames.

Also, I had the <multiimagefield> inside the <links> tag.
Moved it below the <links> tab and is working. Now just need to remove the spaces from my list.

Thanks again,

R_

Also, some of my attributes that I have in the <fields> area have pretty long text strings. Since this popup resizes to fit the data, on the features with a large "comment", the info window gets so large it goes off the screen/map.

is there a way to have this keep the info window a specific size and wrap the text inside the window, instead of resize window to fit text?

Re: view multiple pictures

RobertScheitlin__GISP — Sat, 11 Dec 2021 19:59:13 GMT

Rhett,

I don't have any experience with that scenario, but I would look at the InfoContentItemRenderer.mxml and this label:

<s:Label id="value"
             width="100%"
             maxDisplayedLines="-1"/>

Re: view multiple pictures

RhettZufelt — Mon, 21 Nov 2011 17:31:47 GMT

Thanks again, I will look into that and see how it compares to the standard popup window (which resizes the data to the window).

Also, I have found a workaround for the multiple paths to images.

It appears as if I can code the sub-folder into the filename and seems to be working.

folder1\derby_1.jpg,folder1\derby_2.jpg,derby_3.jpg,folder3\derby_4.jpg

Thanks again,

R_

Re: view multiple pictures

RhettZufelt — Sat, 11 Dec 2021 19:59:16 GMT

Hi Robert,

Any other ideas as to which mxml is handling the popups from your modified InfoTemplates?
I can completely comment out this section in the InfoContenetItemRenderer file and no change. So, apperantly, it is not calling that at all. Must be "hidden" somewhere else.

Rhett,

I don't have any experience with that scenario, but I would look at the InfoContentItemRenderer.mxml and this label:
<s:Label id="value"
             width="100%"
             maxDisplayedLines="-1"/>

thanks again,

R_

Re: view multiple pictures

RhettZufelt — Tue, 29 Nov 2011 16:10:38 GMT

Hi Robert,

When I look at my FlashBuilder 4.5 problems window, I get the following error:

The required skin state 'queryAttachmentInfosWithList' is missing. AttachmentInspectorReadOnlySkin.mxml /hanf/src/widgets/InfoTemplates

and a couple warnings:
(for every widget xml config file )
No grammar constraints (DTD or XML schema) detected for the document.

and then, for a bunch of the InfoTemplate.mxml(s):
This compilation unit did not have a factoryClass specified in Frame metadata to load the configured runtime shared libraries.

Could the missing skin have something to do with the formatting issues?
And, more importatly, any ideas as to how I go about "fixing" the error?

Thanks again,

Rhett