topic Re: Configure Popup for Search Results in ArcGIS Web AppBuilder Questions

Configure Popup for Search Results

HamishKingsbury1 — Fri, 15 Jan 2016 00:31:55 GMT

Hi All

Using WAB and the default search tool I'm wanting to search some feature layers. I've successfully added the feature layers (three of them) and can search and find specific features. However, what I want to do is configure a custom popup for the returned results (a different template for each of the three). How do I go about doing this? I've searched here and google but haven't come up with anything substantial.

For example, in the below image, I have searched for the area with 'OBJECTID = 1'. The popup that appears shows all the attributes, but I only want the popup to contain (for example) 'TYPE', 'AREA' and 'LENGTH'.

Can anyone help me out? I feel like it may be something fairly simple with the config....

Cheers

Hamish

Re: Configure Popup for Search Results

MattiasEkström — Fri, 15 Jan 2016 12:29:46 GMT

If you add the feature layers to your web map and configure their Popups, and then use those layer in the search configuration the popup should display as configured.
However to me this seems a bit buggy, sometimes this works and some times it doesn't. It seems like any changes to the map/feature service will require a total reconfiguration of the search widget, and sometime even that doesn't work.

If you configure the search to search a feturelayer that are not included in your webmap you can not configure it's PopUp at all (which annoys me).

If it's your own feature layer and you don't need the other fields in other cases you could hide the fields you don't want to show in ArcMap and republish your service.

Re: Configure Popup for Search Results

HamishKingsbury1 — Sun, 17 Jan 2016 19:42:29 GMT

Cheers for that. I've ended up using Roberts Enhanced Search Widget. I've had to omit the popups, but the widget will show the values for the necessary fields. I hope that the ability to configure popups does get added....

Hamish

Re: Configure Popup for Search Results

AnninaHirschi_Wyss1 — Wed, 16 Mar 2016 08:57:18 GMT

I encounter the same issue. The Pop Ups are configured in the Web Map (hiding some attributes etc.). In my Web App built with default AGOL Web AppBuilder (not developer), the popups are fine when you click directly on a feature. But, if you perform a search (with the search widget, configured to search in the feature layers of the web map), then the popup shows all the existing attributes, even the hidden ones.

Mattias Ekström wrote:
However to me this seems a bit buggy, sometimes this works and some times it doesn't.

>> For me it NEVER works...

Here is my App: ArcGIS Web Application

Re: Configure Popup for Search Results

RobertScheitlin__GISP — Wed, 16 Mar 2016 12:51:38 GMT

What is happen is you all as misinterpreting the "Show pop-up for the found feature or location" check box on the Search widgets configuration GUI to mean the web maps configured popup and what the code is doing is just shoeing a popup will all the features fields. You all need to call esri tech support and log an enhancement request for the search widget to use the web maps configured popups instead of this current workflow.

Re: Configure Popup for Search Results

MattiasEkström — Wed, 16 Mar 2016 13:14:54 GMT

The search result pop up does honor the configured popup for a layer in the web map sometimes.
This is an example from one of my applications, the find parameter does a search and the result popup is my own configuration
http://oskarshamn.maps.arcgis.com/apps/webappviewer/index.html?id=614f8cc6eecb4f7d9d0847740054f7b5&find=dingen%202

But when it comes to search sources that are not included in the map, it has to be configured in the search widget configuration which is not possible. I've tried logging enhancement requests but ESRI Sweden only refer to ArcGIS Ideas for that.

Re: Configure Popup for Search Results

WilliamMiller4 — Wed, 25 May 2016 18:03:35 GMT

Hi Robert,

Would it be possible to code which fields are displayed in the pop-up by creating a separate array from the aliasAttrs array that contains the aliasAttrs indexes of the fields you want to include? (widgets/Search/Widget.js, _formatContent, line 378)

Thanks for any help you can provide.

William

Re: Configure Popup for Search Results

RobertScheitlin__GISP — Wed, 25 May 2016 18:52:40 GMT

William,

I would say yes as long as the field is already in the being returned in that list and you are just wanting to control if it is displayed or not.

Re: Configure Popup for Search Results

WilliamMiller4 — Wed, 25 May 2016 18:55:48 GMT

I tried using the following code to create an array with only specific fields.

var selectedAttrs = {};
selectedAttrs.push(selectedAttrs[2]);
selectedAttrs.push(selectedAttrs[10]);
selectedAttrs.push(selectedAttrs[13]);

...

I also replaced this (lines 396-403):

for (var p in aliasAttrs) {
if (aliasAttrs.hasOwnProperty(p)) {
content += '<tr valign="top">' +
'<td class="attrName">' + p + '</td>' +
'<td class="attrValue">' + aliasAttrs

+ '</td>' +
'</tr>';
}
}

with this:

for (var p in selectedAttrs) {
if (selectedAttrs.hasOwnProperty(p)) {
content += '<tr valign="top">' +
'<td class="attrName">' + p + '</td>' +
'<td class="attrValue">' + selectedAttrs

+ '</td>' +
'</tr>';
}
}

It did not work. Any thoughts?

Also, how do you format code to look like code?

Re: Configure Popup for Search Results

RobertScheitlin__GISP — Wed, 25 May 2016 19:15:33 GMT

William,

I am a little confused as to what you are adding the selectedAttrs object by using this code?

var selectedAttrs = {};

selectedAttrs.push(selectedAttrs[2]);

selectedAttrs.push(selectedAttrs[10]);

selectedAttrs.push(selectedAttrs[13]);

selectedAttrs is an object, yet you are trying to treat it like and Array that has a push function.

You are also trying to push selectedAttrs[2] when selectedAttrs is just and empty object.

Also, how do you format code to look like code?

Use the "Use advanced editor" link in the upper right hand corner of a reply (this can not be done from inside the inbox, you have to actually open the thread) and then click the >> button and choose javascript.

Re: Configure Popup for Search Results

WilliamMiller4 — Sat, 11 Dec 2021 18:14:16 GMT

Thank you Robert. How do I create a new array? Would this work:

 selectedAttrs = new array(aliasAttrs[2],aliasAttrs[10],aliasAttrs[13],aliasAttrs[14],aliasAttrs[15],aliasAttrs[21],aliasAttrs[24],aliasAttrs[38],aliasAttrs[39]);

Re: Configure Popup for Search Results

RobertScheitlin__GISP — Sat, 11 Dec 2021 18:14:18 GMT

William,

You don't want a new array. I would say you want something like this:

          var aliasAttrs = {},  selectedAttrs = {};
          array.forEach(fLayer.fields, lang.hitch(this, function(field) {
            if (field.name in graphic.attributes){
              if(field.name == "your first field name" || field.name == "your second field name"){
                selectedAttrs[field.alias || field.name] = graphic.attributes[field.name];
              }
              aliasAttrs[field.alias || field.name] = graphic.attributes[field.name];
            }
          }));

Re: Configure Popup for Search Results

WilliamMiller4 — Thu, 26 May 2016 14:05:31 GMT

SUCCESS!!! Thank you Robert!

Re: Configure Popup for Search Results

Anonymous User — Thu, 31 Aug 2017 21:02:22 GMT

Hey Robert -- i'm having a similar (the same?) issue in my search.

Here is the app: ArcGIS Web Application

If you search for an address (2003 Union St) it will find the address alright, but the side panel pop-up just shows 'show more results' rather than the pop-up that corresponds to that feature. If you select the parcel you'll see the proper pop-up []

Is there a way to modify the Search widget to always return the parcel that corresponds to the returned result? Does that make sense?

Re: Configure Popup for Search Results

RobertScheitlin__GISP — Fri, 01 Sep 2017 12:47:02 GMT

Andrew,

As mentioned earlier in this thread the search widget does Not open the features configured popup from the web map. To do this you would have to do some customized code to get the search result geometry and them through code fire a click event for the parcel layer to show it's configured popup. If you are wanting help with that code then you will need to start a new thread with that question.

Re: Configure Popup for Search Results

PeterGranberg — Wed, 27 Sep 2017 13:37:18 GMT

I have my features editable, but for the same reason I cant get the search widget result popup to switch to edit mode. The Edit-option is simply not available as it is when the web map layer popup is shown. Its quite frustrating since i have many point objects ontop on each other, and I want to search for a specific point and edit attributes and location.

Re: Configure Popup for Search Results

NadineHughes2 — Thu, 28 Sep 2017 12:37:48 GMT

The exact same thing is happening to me as per Peter Granberg. I have configured search layer in search window, it DOES show pop up as per setting in map, but the edit function is disabled. This means if I want to edit a feature I have searched for, I search in tool bar, get pop up, have to close that pop up, remember what feature the search return, and re click, to get the pop up with editing capabilities. Very frustrating... any suggestions??