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

Web Appbuilder: "No Information Available" popup

MatissValdmanis1

I am curious is there is a simple way to turn off the default "No Information Available" popup when clicking somewhere on a map where there is no spatial data (other than the basemap), or if clicking on a polygon that does not have popups enabled.

In an attempt to remove the popup, I commenting out the line in the code in the /client/builder/nls/main_en.js (line 593) and main_ROOT.js (line 666) files where:

NLS_noInfo : "No information available"

(These two .js files are the only ones with the text "No information available" exists in overall /webappbuilder directory). However this doesn't stop the popup.

I am using WAB 1.2 Developer's Edition on my computer with layers hosted through ArcGIS Online.

Find more posts tagged with

Accepted answers

MatissValdmanis1

It is possible to change the text displayed for 'no information available' areas (the default popup for features that don't have popups enabled and for areas outside of any feature on the basemap).

You need to change 3 lines of code in the \server\apps\(app_id)\jimu.js file:

at (or near) line 38, add 'dojo/i18n!esri/nls/jsapi' to the end of the “define” list (make sure you add the comma on the line above)
at (or near) line 43, add “, esriBundle” to the “function” parameters
at (or near) line 152, add the following line (with no comma or semicolon) after the "console.log('jimu.js init...');" line, in the initApp() function:
- esriBundle.widgets.popup.NLS_noInfo = "<your popup text here>"

This way I could change the 'no information available' popup text to something a little less ambiguous.

At this time I cannot find a way to fully disable popups for 'no information available' areas.

All comments

Arne_Gelfert

Michael Robb‌ - Glad that Robert Scheitlin, GISP‌ pointed me to this page. I tried the above edit in jimu.js/utils.js and it saved the day! In fact, I had to add all of the below because part of what you're showing up there was not present. (I'm on WAB 2.16)

mo<SPAN class="punctuation token">.</SPAN>createWebMap <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN> <SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN>


   def<SPAN class="punctuation token">.</SPAN><SPAN class="token function">then</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>response<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
      <SPAN class="keyword token">var</SPAN> map <SPAN class="operator token">=</SPAN> response<SPAN class="punctuation token">.</SPAN>map<SPAN class="punctuation token">;</SPAN>
      <SPAN class="keyword token">var</SPAN> handle <SPAN class="operator token">=</SPAN> <SPAN class="token function">query</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">".title"</SPAN><SPAN class="punctuation token">,</SPAN>map<SPAN class="punctuation token">.</SPAN>infoWindow<SPAN class="punctuation token">.</SPAN>domNode<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">[</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">;</SPAN>
      <SPAN class="keyword token">var</SPAN> dnd <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Moveable</SPAN><SPAN class="punctuation token">(</SPAN>map<SPAN class="punctuation token">.</SPAN>infoWindow<SPAN class="punctuation token">.</SPAN>domNode<SPAN class="punctuation token">,</SPAN><SPAN class="punctuation token">{</SPAN>
        handle<SPAN class="punctuation token">:</SPAN>handle
      <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
   
    <SPAN class="comment token">// hide the info window popup by default</SPAN>

    html<SPAN class="punctuation token">.</SPAN><SPAN class="token function">setStyle</SPAN><SPAN class="punctuation token">(</SPAN>map<SPAN class="punctuation token">.</SPAN>infoWindow<SPAN class="punctuation token">.</SPAN>domNode<SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"visibility"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"hidden"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
    aspect<SPAN class="punctuation token">.</SPAN><SPAN class="token function">before</SPAN><SPAN class="punctuation token">(</SPAN>map<SPAN class="punctuation token">.</SPAN>infoWindow<SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"setContent"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>method<SPAN class="punctuation token">,</SPAN> args<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
    <SPAN class="comment token">// show the info window if there are features, otherwise hide it</SPAN>
    html<SPAN class="punctuation token">.</SPAN><SPAN class="token function">setStyle</SPAN><SPAN class="punctuation token">(</SPAN>map<SPAN class="punctuation token">.</SPAN>infoWindow<SPAN class="punctuation token">.</SPAN>domNode<SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"visibility"</SPAN><SPAN class="punctuation token">,</SPAN> map<SPAN class="punctuation token">.</SPAN>infoWindow<SPAN class="punctuation token">.</SPAN>features <SPAN class="operator token">?</SPAN> <SPAN class="string token">"visible"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"hidden"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
    <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>

‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍  <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
  <SPAN class="keyword token">return</SPAN> def<SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Also, I had to bring in Moveable..

<SPAN class="token function">define</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">[</SPAN>
    <SPAN class="string token">'dojo/aspect'</SPAN><SPAN class="punctuation token">,</SPAN>
    <SPAN class="string token">'dojo/dnd/Moveable'</SPAN><SPAN class="punctuation token">,</SPAN>
   <SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN>  <SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>

<SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>aspect<SPAN class="punctuation token">,</SPAN>Moveable<SPAN class="punctuation token">,</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN> <SPAN class="punctuation token">)</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Anyway, glad I found this, and thanks again to both of you!

MichaelRobb

if it's useful, this is how it is done with WABde and the result is more of what is expected from the OP. that no popup container shows up at all if there is no information when the action click occurs.

File: Server\apps\##\jimu.js\utils.js

'dojo/aspect'

...

add aspect to the function()

...

add the following lines (location in code in image)

// hide the info window popup by default

html.setStyle(map.infoWindow.domNode, "visibility", "hidden");

aspect.before(map.infoWindow, "setContent", function(method, args){

// show the info window if there are features, otherwise hide it

html.setStyle(map.infoWindow.domNode, "visibility", map.infoWindow.features ? "visible": "hidden");

});

JohnGibson2

Thanks to Matiss for solving this problem. A recent update of ArcGIS Online (June 2017) meant that an update was required in my code.

I created a web app using Web App Builder in ArcGIS Online & exported code to a web server.

I updated the file jimu.js\main.js as follows :

immediately after the line :

console.log("jimu.js init...");

I inserted the line :
G.bundle.widgets.popup.NLS_noInfo = "<My popup message for no info>";

(No changes to the define list are now required)

See also Default API Strings | Guide | ArcGIS API for JavaScript 3.20 for some background.

MatissValdmanis1

It is possible to change the text displayed for 'no information available' areas (the default popup for features that don't have popups enabled and for areas outside of any feature on the basemap).

You need to change 3 lines of code in the \server\apps\(app_id)\jimu.js file:

at (or near) line 38, add 'dojo/i18n!esri/nls/jsapi' to the end of the “define” list (make sure you add the comma on the line above)
at (or near) line 43, add “, esriBundle” to the “function” parameters
at (or near) line 152, add the following line (with no comma or semicolon) after the "console.log('jimu.js init...');" line, in the initApp() function:
- esriBundle.widgets.popup.NLS_noInfo = "<your popup text here>"

This way I could change the 'no information available' popup text to something a little less ambiguous.

At this time I cannot find a way to fully disable popups for 'no information available' areas.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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