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

Note not displaying a custom url in web app

Todd

I have three attributes, ${school_url}, and ${school_lat} and ${school_lon}. The current text is included in a 'hint' attribute in Connect:

Website: <a href="${school_url}">${school_url}</a> Map: <a href="https://www.google.com/maps/place/@${school_lat},${school_lon},17z">Google</a>

Website: ${school_url}
Map: Google

The mobile version displays properly and hyperlinks work great. However, in the web version I get the following:

I'm not sure what to add/remove to correct the display, removing the unnecessary items in the hyperlinks (for the the web version).

Trouver plus de publications taguées avec

Accepted answers

Todd

Here's the fix... and the ' ' tags are working in Edge.

All comments

Alber_Verster

Hi Todd,

I would recommend that you use the Concat() function in the calculation field as the Survey123 webform can be problematic is these cases.

Once I inserted your HTML script into the calculation field, I was able to display the hyperlink correctly in both the Field app and the webform.

concat('<a href="',${school_url},'">',${school_url},'</a>')

concat('<a href=','"https://www.google.com/maps/place/@',${school_lat},${school_lon},',17z">Google</a>')

Hope this helps.

Regards

Alber

Todd

@Alber_Verster worked kinda. You need an extra ',' included in the map url between the lat/lon.

concat('<a href=','"https://www.google.com/maps/place/@',${school_lat},',',${school_lon},',17z">Google</a>')

The only issue I still have is embedding the new concat-ed variables in my 'hint' attribute. Once I add them back it jacks it up.

I have several variables I'm adding as you can see and by using the tags it cleans up the display (versus one variable as shown above). I notice the extra space before the address string. Maybe I need to do a concat on the entire html string?

I'm testing using Edge and not sure how to have the html breaks removed. Here is an example:

concat(${school_address_street},' ',${school_address_city},', ',${school_address_state}, '<br>',${school_address_county},' County')

Here is the result:

Hmmmmm....

Todd

Here's the fix... and the ' ' tags are working in Edge.

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

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