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; } } }

Flex Viewer 3 pop-up hyperlinks not working

KellyPhipps

I've configured a popup with a hyperlink in the Flex Viewer 3.0 app, but the hyperlink does not work. The URL that is referenced in the href is getting appended to the url of the of the mapping application. For example, if my popup has a hyperlink to "www.yahoo.com", clicking the hyperlink will try to open http://myserver/myFlexViewerApp/www.yahoo.com

Hyperlinks in pop-ups worked fine in previous versions of the viewer. Why are they acting differently with the 3.0 viewer?

Below is an the config for a sample popup (as defined with the application builder) that works fine in viewer 2.3, 2.5, but does not work in 3.0. Any ideas would be much appreciated.

<?xml version="1.0" ?>
<configuration>
<title>{TITLE}</title>
<description>
<![CDATA[
{NAME}
{ADDRESS}
<a href="www.yahoo.com">Example URL Link</a>
]]>
</description>
</configuration>

タグ付きの投稿をもっと見る

Accepted answers

All comments

AntGiles

Kelly,

try putting http:// (e.g. http://www.yahoo.com) in front of your URL and see if that works

Regards

Anthony

KellyPhipps

Anthony,

Thank you, that takes care of that issue. However, I'm experiencing the same problem with hyperlinking to a UNC file path. I see the exact same behavior that I was seeing with the url, but now I'm trying to hyperlink to a file via UNC path.

For example: file path attribute = \\myserver\fileshare\filename.tif

Results after clicking on hyperlink give me that file path appended to the end of the app url.

the config hyperlink looks like this:

<a href="{FILEPATH}">Image Link</a>

Again, this worked in previous versions of the viewer/api, but not in 3.0. Any ideas?

Thanks again for the solution with the URL.

Kelly

AntGiles

Kelly,

You could try prefixing the UNC path with file:// but I'm not sure if this will work. The best solution would be to make a virtual directory in IIS to your images folder then use a normal URL to the image

Regards

Anthony

P.S. another possible solution is file://///myserver/fileshare/filename.tif (yes thats 5 slashes at the beginning and change your back slashes to forward slashes)

AdamRepsher

Anthony,

Thank you, that takes care of that issue. However, I'm experiencing the same problem with hyperlinking to a UNC file path. I see the exact same behavior that I was seeing with the url, but now I'm trying to hyperlink to a file via UNC path.

For example: file path attribute = \\myserver\fileshare\filename.tif

Results after clicking on hyperlink give me that file path appended to the end of the app url.

the config hyperlink looks like this:

<a href="{FILEPATH}">Image Link</a>

Again, this worked in previous versions of the viewer/api, but not in 3.0. Any ideas?

Thanks again for the solution with the URL.

Kelly

Kelly,

With your example: file path attribute = \\myserver\fileshare\filename.tif, the following code worked in only the Application Builder 3.0:

<a href="file:{FILEPATH}" target='_blank'>Image Link</a>

That opens another browser window with the image.

I am still trying to figure this out in the PopUp.xml files in the stand-alone Flex Viewer. The one difference between the two is that the Application Builder does not use the <=!=[=C=D=A=T=A=[ ... ]=]=> wrapper....

EDIT:
I just found out that the above code works in IE7 but not in IE8. There are lots of posts about this issue with IE8 out there on the web but no answers that have worked yet for me!

JaroslawWalasztyn

How to add link with UNC path to directory?

RobertScheitlin__GISP

All,

UNC paths are for INTRANET and not intended for internet... I know some of you are saying well my Flex Viewer app is only used in my intranet, but it is an http internet application... Setup a virtual directory in IIS so that you have a real url to use.

ErikBlake

So I am new to Application Builder and I am trying to get our engineering drawings, sewer tap, water tap records that are linked to our water,sewer lines and parcels hyperlinked. I have been trying to duplicate what has been disscused in this thread. However I have a question or two.
So I have created an Application. I have also set-up a virtual directory to where all our drawings are in our IIS. But still can't seem to get my app to go to the folder where our drawings are. We already have fields created within our data called "hyperlink" which has the pdf file name for that individual parcel. (i.e. 9999 somewhere St.pdf) Then we have a field called "HYLNK_RDR" which has the full path name to the folder and subfolder where those drawings are. (i.e. drive name:\folder name\sub folder name\9999 somewhere St.pdf). Do I need to change the value in our "HYLINK_RDR" field to be pointing at a different location. I have little to no programming experience so I am learning the jargon and the do's and dont's has I go along. If anybody has an example of a code that might advance me a little further that would be sweet. maybe I am just not typing in the correct path. Any suggestions would be awesome. Or even if someone knows of a resource that I can read to help me would be great to. Thanks
Erik.

RobertScheitlin__GISP

Erik,

*******EDIT**********
Sorry I missed the fact that you were asking about PDFs and not images. I will post shortly something more specific to your inquiry!
*********************

So lets take this traffic camera popup as an example:

<?xml version="1.0" ?>
<configuration>
    <title>{DESCRIPTION}</title>     
    <fields>
        <field name="DESCRIPTION" visible="true"/>                
        <field name="ONLINE" visible="true"/>       
        <field name="LAST_UPDATED" visible="true">
            <format dateformat="shortDate"/>
        </field>  
        <field name="URL" visible="true"/>
    </fields>
    <medias>
        <media type="image" caption="Latest Image {LAST_UPDATED} online: {ONLINE}" imagesource="{URL}" imagelink="{URL}"/>
    </medias> 
</configuration>

<!--
    Pop-up configuration file for:
    http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Louisville/LOJIC_PublicSafety_Louisville/MapServer/2
-->

The important part is the media element. Your would possible look something like this.

<media type="image" caption="sewer tap {Your_SewerTap_ID_Field}" imagesource="http://yourWebServerURL/YourVirtualDirectory/{hyperlink}" imagelink="http://yourWebServerURL/YourVirtualDirectory/{hyperlink}"/>

Notice in the imagesource and the image link you manually add the url from you virtual directory as a prefix to the hyperlink field value. There is no need to change the HYLINK_RDR field values unless the virtual directory changes based on the feature you are selecting. Hope this gets you going in the right direction.

RobertScheitlin__GISP

Erik,

Here is a better example:

<?xml version="1.0" ?>
<configuration>
    <title>{DESCRIPTION}</title>     
    <fields>
        <field name="DESCRIPTION" visible="true"/>                
        <field name="ONLINE" visible="true"/>       
        <field name="LAST_UPDATED" visible="true">
            <format dateformat="shortDate"/>
        </field>  
        <field name="URL" visible="true"/>
    </fields>
    <description>
        <![CDATA[<p>Sewer Tap: {DESCRIPTION}</p><p>Online: {ONLINE}</p><p>Last Updated: {LAST_UPDATED}</p><p><a href='http://YOUR_WEB_SERVER/YOUR_VIRTUAL_DIRECTORY/{URL}' target='_blank'>View PDF</a></p>]]>
    </description>
</configuration>

<!--
    Pop-up configuration file for:
    http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Louisville/LOJIC_PublicSafety_Louisville/MapServer/2
-->

With this example you have to know a tiny amount to HTML coding.

ErikBlake

Thanks Robert for the help. I will take your example and learn from it. Much appreciated. So I do all this in the pop-up config window in the description box that comes up in App builder when I select the layer I want to set this up for. Right? Sorry if this a dumb question.
Erik

RobertScheitlin__GISP

Erik,

Yes that is correct. But as the help link Heather provided below the only thing you will enter is this:

Sewer Tap: {DESCRIPTION}
Online: {ONLINE}
Last Updated: {LAST_UPDATED}
<a href='http://YOUR_WEB_SERVER/YOUR_VIRTUAL_DIRECTORY/{URL}' target='_blank'>View PDF</a>

HeatherGonzago

Not sure if you saw the doc regarding pop-ups in App Builder 3.0? This App Builder version supports configuring pop-ups using free-flow description. Pop-ups using key-value style will also be supported in our next release of the App Builder.

For now, see if this may help provide a little more, http://resources.arcgis.com/en/help/flex-viewer/concepts/index.html#//01m30000004p000000.

ErikBlake

Thanks again for your time and help Robert.
Erik

deleted-user-OKUiI8RicOek

All,

UNC paths are for INTRANET and not intended for internet... I know some of you are saying well my Flex Viewer app is only used in my intranet, but it is an http internet application... Setup a virtual directory in IIS so that you have a real url to use.

This method seems to have a copy of the file downloaded to the client's temporary internet files folder. What if I want them to actually open the file on the intranet share, in case they need to make edits to the file etc.?

MatthewGoulet1

The problem with using Description is that the subsequent <fields> cannot be displayed. This either/or situation makes it impossible to have one or more hyperlinks in the Description tag, then a table of fields. The limited set of HTML tags that can be used in Flex has no <table>-like element, so your tab stops will be 'jagged.'

So many limitations in this Flex Viewer app. They should just hire Robert and let him develop the platform properly!

JakeKrall

Why does this need to be so difficult? Can't Esri give us a straightforward answer, step by step, on how to achieve this? Esri, please post instructions here and in the Flexviewer Help files on how to successfully accomplish this task of hyperlinking images. Thank you!

AdamRepsher

So, to beat this dead horse some more...

I have read this and many other related threads. This one is the only thread that might be getting me closer to my answer.

In a popup in the Flex Application Builder v3.5, I am attempting to create a link to open a folder in a network share on our intranet.
In previous versions of the Flex Viewer, this worked:

<a href="file:{FILEPATH}" target='_blank'>Image Link</a>

FILEPATH = \\myserver\share\sub1\sub2

The link would open a browser window that would then open that folder in an Windows File Browser.
Now, obviously that does not work.

Again, I just want to open a FOLDER, not a specific file.

I have tried to reformat with at least 15 different recommendations with and without the "file:" and using all forward slashes in the link, or even a combination of forward and back slashes. Now using "file:" to lead anything off gets me absolutely no action in IE9.

So I have attempted making Virtual Directory to the network share in IIS 6. I don't even know where to start. All searches on the web have talked just about redirecting to another website or FTP, not simply a network share folder.
Any help or links to walkthroughs on Virtual Directory IIS 6 setup would be a big help!!!

EDIT:
I did try opening the network share using the local "O:" drive mapping on everyone's computers without luck using "localhost" as a part of the link.

Thank you!
--Adam

LuciHawkins

I am trying to accomplish something similar. Did you ever come up with a solution to get a "Folder" to open in Windows Explorer and not Internet Explorer?

Thanks,

Luci

JaroslawWalasztyn

To create hyperlinks pointing to data on network share is to create virtual directory on data you want to link. You cannot open folder as windows explorer from hyperlink, at least from esri builder, it seems to problem is in Adobe flex technology.

Regards

Jaroslaw

LuciHawkins

Hey Jarolsaw,

Yes, I have the hyperlink working so that the virtual folder opens in Internet Explorer. The department that is using this one particular popup wants the folder to open in Windows Explorer so they can use windows file management features such as copy, paste, etc. We can open the folder in Windows Explorer in our html/javascript application popup.

Thanks,

Luci

deleted-user-rmQdIupSdOqe

Adam,

I have this exact problem. I am not confident my IT will setup a vd in IIS for me to a folder on a shared file drive. Any solution other then that?

会話に参加する

サインインしたメンバーは投稿、更新のフォローなどができます。初めてですか？無料アカウントを登録してください。

クイックリンク

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