Community
Select to view content in your preferred language

How to save the configuration of a pop-up

636
2
08-23-2019 01:53 AM
Egge-Jan_Pollé
by MVP Regular Contributor
MVP Regular Contributor
‎08-23-2019 01:53 AM

Hi all,

I would like to trigger a Survey123 survey from a popup window in a web map. For this I would like to offer the end user a clickable button in the popup (see figure 1).

I created the button using the code below.

But when I save the web map and reopen it, all that is left is a simple hyperlink (see figure 2).

What do I do wrong? Why is the configuration of my button not properly saved in the web map?

Any advice would be appreciated.

TIA,

Egge-Jan

<a href="arcgis-survey123://?itemID={itemID_of_my_survey}&amp;field:EQUIPMENTNR={EQUIPMENTNR}"><button style="background-color:#4CAF50;border:none;color:white;padding:32px;text-align:center;text-decoration:bold;display:inline-block;font-size:24px;border-width:2px;border-style:solid;border-color:#006400;border-radius:50px;">Notification</button></a>

2 Replies
JeroenBloemscheer
by
Emerging Contributor
‎10-30-2019 05:23 AM

Have you checked the CSS expression, maybe add an important tag in your CSS to get it evaluated.

Otherwise this looks like a bug.

0 Kudos
ChelseaRozek
by MVP Regular Contributor
MVP Regular Contributor
‎10-30-2019 06:13 AM

I'm not sure about getting your code to work (Actually, looks like <button> isn't supported: Supported HTML—ArcGIS Online Help | Documentation ), but ESRI created this popup configuration for the Election Management solution that has two big buttons in the popup that open surveys and works well for me:

<table style=" border-collapse: separate; border-spacing: 0px 0px; width: 100%; table-layout: fixed; margin: 0px -1px;">
<tbody>
<tr>
<td style="text-align: center; width: 100%; padding-bottom: 50px; padding-top: 50px">
<a href="https://survey123.arcgis.com/share/{expression/expr1}?field:facilityid={facilityid}&amp;field:name={name}&amp;hide=field:facilityid,theme,navbar" style="background-color: #464646;color: #FFFFFF;padding: 25px 10px;text-decoration: none;margin: 0px auto;width: 300px; display: block;text-align:center;valign:center" target="_blank"><font size="5" style="">Report wait time</font></a>
</td>
</tr>
<tr>
<td style="text-align: center; width: 100%">
<a href="https://survey123.arcgis.com/share/{expression/expr0}?field:location={name}&amp;center={expression/expr2}&amp;hide=field:Assignments_point,field:status,theme,navbar" style="background-color: #464646;color: #FFFFFF;padding: 25px 10px;text-decoration: none;margin: 0px auto;width: 300px; display: block;text-align:center;valign:center" target="_blank"><font size="5" style="">Request assistance</font></a>
</td>
</tr>
</tbody>
</table>