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

Can you set hyperlinks to open in a new browser tab?

Anneka_France

I have embedded hyperlinks into a form (using html formatting). When using the web form, the hyperlinks open in the same tab and all data input is lost. Is there a way to set the hyperlinks to always open in a new tab/window? I can't think of a single circumstance that it would be useful for the link to open in the same tab.

Thanks

Survey123 for ArcGIS‌

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

Accepted answers

DanPatterson_Retired

For standard html links you can try adding the "target =…" portion

hyperlink - How to open link in new tab on html? - Stack Overflow

<SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>a</SPAN> <SPAN class="attr-name token">href</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=https%3A%2F%2Fwww.google.com%2F" target="_blank">https://www.google.com/</A><SPAN class="punctuation token">"</SPAN></SPAN><SPAN class="punctuation token">></SPAN></SPAN>Google.com <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>a</SPAN><SPAN class="punctuation token">></SPAN></SPAN>
<SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>a</SPAN> <SPAN class="attr-name token">href</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=https%3A%2F%2Fwww.google.com%2F" target="_blank">https://www.google.com/</A><SPAN class="punctuation token">"</SPAN></SPAN> <SPAN class="attr-name token">target</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>_blank<SPAN class="punctuation token">"</SPAN></SPAN><SPAN class="punctuation token">></SPAN></SPAN>Google.com <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>a</SPAN><SPAN class="punctuation token">></SPAN></SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

All comments

DanPatterson_Retired

For standard html links you can try adding the "target =…" portion

hyperlink - How to open link in new tab on html? - Stack Overflow

<SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>a</SPAN> <SPAN class="attr-name token">href</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=https%3A%2F%2Fwww.google.com%2F" target="_blank">https://www.google.com/</A><SPAN class="punctuation token">"</SPAN></SPAN><SPAN class="punctuation token">></SPAN></SPAN>Google.com <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>a</SPAN><SPAN class="punctuation token">></SPAN></SPAN>
<SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>a</SPAN> <SPAN class="attr-name token">href</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=https%3A%2F%2Fwww.google.com%2F" target="_blank">https://www.google.com/</A><SPAN class="punctuation token">"</SPAN></SPAN> <SPAN class="attr-name token">target</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>_blank<SPAN class="punctuation token">"</SPAN></SPAN><SPAN class="punctuation token">></SPAN></SPAN>Google.com <SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"></</SPAN>a</SPAN><SPAN class="punctuation token">></SPAN></SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

HarrazMohd-Reza

Inversely, is there a way to have the hyperlink open within a survey without taking you to a new window or erasing any of the previous input data?

Anonymous User

Hi Harraz,

I am not sure this workflow would make sense, as it would navigate you away from the survey123 web app site in that window, and therefore the information already entered in the survey but not submitted would be lost. Opening in a new tab or new window is the only way to view that external url but keep the survey information in the web app window.

Phil.

Anonymous User

Hi Phil,

Something like this would be useful if you have an embedded map in a StoryMap and want to have a link to a survey based upon points of interest on a map.

My issue is when someone clicks the link to a survey it opens up a new tab and so when in the survey is completed and the user has other points they would like to look at in the storymap to return to the map they need to click on a link provided after the Survey is completed but this keeps opening new tabs which is messy. It would be cleaner if I could adapt the HTML to not open in a new tab allowing all this to work within one tab.

JodyZhengLiu

Hi Neil,

You can create a customed web page and use the Survey123 Web app JavaScript API (will soon be available in August) to dynamically update the survey URL to use different locations.

Thanks,

Jody Zheng Liu

会話に参加する

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

クイックリンク

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