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

Story Map Tour caption description fails to save with web links

MadeleineMorgan

I'm adding web links to my caption descriptions in my Story Map Tour. The error message I receive is "save failed due to an invalid html tag in a name or description". My syntax is as follows:

In the summer, you’ll probably need a reservation to ensure a site. <a href="https://www.google.com/maps/dir/Asheville,+NC/Standing+Indian+Campground,+National+Forest+Road,+Franklin,+NC+" title="Directions to Asheville" target="_blank" style="outline: none;">Directions to Asheville </a>

When I click enter to add the caption, the text and link work perfectly. It just won't save it. Very frustrating.

Encontre mais publicações marcadas com

Accepted answers

GregoryL_Azou

Some of your quotes were not correct. You have to make sure you use regular quotes " and not ”

If you copy/paste the text below it should work

Seventy miles of hiking trails run through the area, including 20 miles of
the Appalachian Trail.  The hike to the summit is a tough 5 miles.


Standing Indian Campground contains 84 campsites and is open
April-November.  In the summer, you’ll probably need a reservation to
ensure a site.


<a href="https://www.google.com/maps/dir/Asheville,+NC/Standing+Indian+Campground,+National+Forest+Road,+Franklin,+NC+" target="_blank" style="outline: none;">Directions from Asheville </a>


<a href="http://www.fs.usda.gov/recarea/nfsnc/null/recarea/?recid=48634&actid=30" target="_blank" style="outline: none;">Forest Service Website</a>


Photo: Bill Lea

All comments

GregoryL_Azou

Hi, sorry about this.

The issue is the title attribute. If you modify your link to the following it should work.

<a href="https://www.google.com/maps/dir/Asheville,+NC/Standing+Indian+Campground,+National+Forest+Road,+Franklin,+NC+" target="_blank" style="outline: none;">Directions to Asheville </a><br>

You can look at the following link to see the tab and attributes that are valid Feature services and client applications—Documentation (10.3 and 10.3.1) | ArcGIS for Server ; section "Entering HTML into text fieldsEntering HTML into text fields"

Note that for the html tag that are authorized in the header title/subtitle are slightly different, they are documented in the following page http://doc.arcgis.com/en/arcgis-online/reference/supported-html.htm

GregoryL_Azou

Some of your quotes were not correct. You have to make sure you use regular quotes " and not ”

If you copy/paste the text below it should work

Seventy miles of hiking trails run through the area, including 20 miles of
the Appalachian Trail.  The hike to the summit is a tough 5 miles.


Standing Indian Campground contains 84 campsites and is open
April-November.  In the summer, you’ll probably need a reservation to
ensure a site.


<a href="https://www.google.com/maps/dir/Asheville,+NC/Standing+Indian+Campground,+National+Forest+Road,+Franklin,+NC+" target="_blank" style="outline: none;">Directions from Asheville </a>


<a href="http://www.fs.usda.gov/recarea/nfsnc/null/recarea/?recid=48634&actid=30" target="_blank" style="outline: none;">Forest Service Website</a>


Photo: Bill Lea

MadeleineMorgan

Great, thank you so much! Do you have a tip on how to create the regular

quotes? My keyboard is doing the rounded ones automatically...

GregoryL_Azou

You are welcome, it's probably because of your text editor. If you use a simple one like notepad you should not have that issue.

jdcayetano

I'm having the same problem as well wherein I want to embed a video in my Story Maps text:

But it also says invalid html tag. I was wondering if it's possible to really embed the video here and if yes what have I been doing wrong?

Thanks!

GregoryL_Azou

Sorry about your issues. Unfortunately the authorized HTML in Map Tour is restricted and especially when using a Feature Service.

We are working on publishing an updated list of supported tag and attributes. From now, we have the following article that cover our Map Journal application and it's going to be similar for all apps going forward

https://developerscorner.storymaps.arcgis.com/using-custom-html-in-map-journal-70913cfff66e#.qqq4n8tqq

To answer your question: if you are using Feature Service you cannot include an iframe, but if you are using a feature collection (all the choice when you create your tour but I need to upload my images in ArcGIS) it is possible.

When you receive the following error, you can look at the following documentation to find out what tag this might be Feature services and client applications—Documentation | ArcGIS for Server

DavidRichardson2

I'm getting the same "Save failed due to invalid html tag..." error while trying to Use the My Stories "edit story" app to change a picture caption description on a Map Tour where the photos were uploaded to AGOL. I've checked the quotes, and the list of allowable tags and attributes from this and related blog posts on this site but can not figure out what I am doing wrong.

Is there any updated documentation for exactly what is or is not allowed currently (Jan. 2017)? Because other examples give conflicting guidance (example: Adding links to captions in your Story Map Tour | ArcGIS Blog )

A minimal example of what I am trying to do is below. It shows up fine when I hit return in the editor window, but fails to save.

This is some text. More text. 
Photo caption © today<hr>
<a href="http://doc.arcgis.com/en/arcgis-online/reference/supported-html.htm" target="_blank">
More Information on tags</a>

Thanks for any guidance!

-Dave

EricSchrepel

Let's remove the "with links" part of this question and just name it "Caption fails to save". The UI would be hugely improved if it would highlight any invalid tags/attributes in the caption so we know what to fix. Worst of both worlds at the moment: when you press enter after pasting in caption text, it'll display almost anything, including invalid tags. (For example, we had tags like which displayed just great when you'd press Enter.) But then the Save button says something's invalid, but doesn't tell you what.

It'd save us some frustration if either a) when you press Enter after pasting, it would just strip the invalid tags/attributes so we see what didn't work, or b) when you click Save, it tells you specifically what caused the error.

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

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