topic Re: Link support in new 2.3 popups in ArcGIS Viewer for Flex Questions

Link support in new 2.3 popups

JonFisher — Tue, 19 Apr 2011 16:48:29 GMT

Hi,

Can anyone confirm if the new popups in the 2.3 viewer have linkfield support, and if so how to configure it? The help link (http://help.arcgis.com/en/webapps/flexviewer/help/01m3/01m300000013000000.htm) still shows the old configuration and none of the new examples include links. I can see that I could use the description tag to set up a link, but then the fields tag is ignored (so I'd need to put them all in the description). I tried adding the linkfield to fields, and then adding <link>{ERA_REPT}</link> (I also tried <linkfield>{ERA_REPT}</linkfield>) after title and before the fields but that didn't work.

Can someone clarify if the only link support is via <description> as opposed to having a link icon?

Jon

Re: Link support in new 2.3 popups

RobertScheitlin__GISP — Wed, 20 Apr 2011 00:17:48 GMT

Jon,

See Bjorn comment here:

http://forums.arcgis.com/threads/28634-How-to-open-up-a-PDF-via-a-link-from-Flexviewer

Re: Link support in new 2.3 popups

JonFisher — Wed, 20 Apr 2011 12:54:06 GMT

Thanks! It's funny that with all the things I tried I didn't try simply making the field visible to see if it was clickable or not. It's great that links are automatically recognized now (including photos being embedded).

Re: Link support in new 2.3 popups

JonFisher — Sat, 11 Dec 2021 16:09:53 GMT

Whoops, I spoke too soon. When I mouseover a record in the Query widget, I see the new popup with the properly embedded picture (see attached ViaQuery.jpg).

However, WITHOUT the Query widget open, if I simply configure the popup to display the field that has the photo links it just shows up as a link (NoPhoto.jpg):

<configuration>
    <title>{DESC_}</title>
    <fields>
        <field name="DESC_"/> 
        <field name="HYPERLINK" visible="true"/>
    </fields>
</configuration>

I also tried using the <description> tag, and found that if I include {HYPERLINK} the picture is embedded but the height doesn't expand to show the whole picture (see CutOffPhoto.jpg). If I use <img src="{HYPERLINK}"/> nothing is displayed at all. In the code below I have it both ways, but you get the same result with just {HYPERLINK} w/out the img src bit.

<?xml version="1.0" ?>
<configuration>
    <title>{DESC_}</title>
 <description><![CDATA[<a href="{HYPERLINK}"><img src="{HYPERLINK}"/>{HYPERLINK}</a>.<br>a. ]]>
    </description>
    <fields>
        <field name="DESC_"/>
        <field name="HYPERLINK" /> 
    </fields>
</configuration>

So can someone clarify the proper way to have embedded photos properly handled by the new popups without having to use the Query widget?

Re: Link support in new 2.3 popups

JonFisher — Wed, 20 Apr 2011 19:03:15 GMT

Sorry, I forgot the attachments; they are now attached here.

Re: Link support in new 2.3 popups

RobertScheitlin__GISP — Sat, 11 Dec 2021 16:09:56 GMT

Jon,

If the link is to an image than you need to setup a media tag:

<configuration>
    <title>{DESC_}</title>
    <fields>
        <field name="DESC_"/> 
        <field name="HYPERLINK"/>
    </fields>
    <medias>
        <media chartfields="" type="image" caption="" imagesource="{HYPERLINK}" imagelink="{HYPERLINK}"/>
    </medias>
</configuration>

Re: Link support in new 2.3 popups

JonFisher — Wed, 20 Apr 2011 19:59:20 GMT

Ah! You're the best Robert! I'm pretty helpless until the documentation gets updated. That worked great.

Re: Link support in new 2.3 popups

haThach — Tue, 26 Apr 2011 16:21:56 GMT

Hi Robert,

I have a "HyperLink" field contain a path that link to .pdf file. How do I show a small pdf icon without displaying the full path.

<configuration>
<title>{EXTENSION_GIS}</title>
<fields>
<field name="EXTENSION_GIS" alias="Extension:" visible="true"/>
<field name="INSTALL_YEAR" alias="Year:" visible="true"/>
<field name="HyperLink" alias="HyperLink:" visible="true"/>
</fields>

</configuration>

Thanks in advance.
Ha Thach

Re: Link support in new 2.3 popups

RobertScheitlin__GISP — Tue, 26 Apr 2011 16:33:13 GMT

Ha Thach,

That is not currently possible with out extending the PopUpRendererSkin component of the API.

Re: Link support in new 2.3 popups

haThach — Tue, 26 Apr 2011 16:40:33 GMT

Thanks! Robert for this quick response.

Ha

Re: Link support in new 2.3 popups

DasaPaddock — Sat, 11 Dec 2021 16:09:58 GMT

Jon,

If the link is to an image than you need to setup a media tag:

<configuration>
    <title>{DESC_}</title>
    <fields>
        <field name="DESC_"/> 
        <field name="HYPERLINK"/>
    </fields>
    <medias>
        <media chartfields="" type="image" caption="" imagesource="{HYPERLINK}" imagelink="{HYPERLINK}"/>
    </medias>
</configuration>

The description does support html that includes img tags, but you need to set the width. Try 250. See: http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/text/TextField.html#htmlText

Re: Link support in new 2.3 popups

JonFisher — Sat, 11 Dec 2021 16:10:01 GMT

The description does support html that includes img tags, but you need to set the width. Try 250. See: http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/flash/text/TextField.html#htmlText

Thanks for the idea, but I couldn't get this to work either. I used this code:

<description><![CDATA[<a href="{HYPERLINK}"><img src="{HYPERLINK}" width="250" height="250"/></a>]]>
    </description>

and also tried it without a height. The image still doesn't display for me, UNLESS I also have the media tag set up to display the image, in which case I get two copies of the image.

I also tried to do what Ha was looking to do as follows:

<description><![CDATA[ Download report: <a href="{HYPERLINK}"><img src="http://www.adobe.com/images/pdficon_small.gif" height="17" width="17"/></a>]]></description>

But the img shows up as a single pixel (looks like a period, see attached) UNLESS I have a valid medias tag with a media image (an empty image without a link didn't work). It seems like maybe the issue is that the description doesn't change the height of the display area, but having a media type below does.

So I think technically even if this is a bug Ha could achieve the goal without code by having a media link to a small totally transparent image referenced in the media section.

Re: Link support in new 2.3 popups

AHay — Sat, 11 Dec 2021 16:10:03 GMT

Hi
i have same problem with inability to add an image to Description field using <img> tag
i resolved that if you hard code the url to image ( instead of using a field) it works. ( but this is almost usless)

i also found that if you use the Media tag all works OK for first click of popup then popup break you on get image, no text fileds

ANSWER
is to use both <decscription> and <fileds> tags ( yes despite what the documentation says) put all your text fields in <Description> and all your media fields in <fields> and in <Media>
and hey presto pop ups that always work

<configuration>
    <title>Threatened Species  - {TYPE}</title>
 <description>
          <![CDATA[<b>Site Name:</b><BR>{SITENAME}<BR>{PROJ_DESC}<BR><BR><b> Links: </b><BR><a href='{LINK}'><u>Factsheet</u></a><BR><a href='{LINK2}'><u>Website</u></a>]]>
 </description>
    <fields>
       <field name="PIC"/>
  <field name="PIC2"/>
  <field name="PIC_LBL"/>
  <field name="PIC2LBL"/>
 </fields>
   <medias>
        <media type="image" title="{PIC_LBL} - Click to view larger" imagesource="{PIC}" imagelink="{PIC}"/>
  <media type="image" title="{PIC2LBL} - Click to view larger" imagesource="{PIC2}" imagelink="{PIC2}"/>
        
    </medias>
</configuration>

Re: Link support in new 2.3 popups

HeatherGonzago — Fri, 07 Sep 2012 17:52:26 GMT

What version of Flex Viewer are you using? I am assuming you are doing all of this through a popup config file and not Application Builder? We are in the process of updating documentation but in case you may have missed it, there was an additional topic created for popups in 3.0 App Builder, http://resources.arcgis.com/en/help/flex-viewer/concepts/index.html#/Configuring_pop_ups_in_application_builder/01m30000004p000000/. The concept for working with the Description tag remains the same.