topic Re: Is it possible to edit or customize Search Result Popup, in your webmap? I have a application in which user search for a location, and the search result pop up open, I want to customize that window is it possible, if yes, How can I do that, if no, is in ArcGIS JavaScript Maps SDK Questions

Is it possible to edit or customize Search Result Popup, in your webmap? I have a application in which user search for a location, and the search result pop up open, I want to customize that window is it possible, if yes, How can I do that, if no, is ther

DeepakBegrajka1 — Tue, 09 Jan 2018 20:09:18 GMT

Is it possible to edit or customize Search Result Popup, in your web map? I have an application in which user search for a location, and the search result pop up open, I want to customize that window is it possible, if yes, How can I do that, if no, is there any other way to do it?

Re: Is it possible to edit or customize Search Result Popup, in your webmap? I have a application in which user search for a location, and the search result pop up open, I want to customize that window is it possible, if yes, How can I do that, if no, is

RobertScheitlin__GISP — Wed, 10 Jan 2018 01:32:25 GMT

Deepak,

Are you talking about WAB or some of configurable template?

Re: Is it possible to edit or customize Search Result Popup, in your webmap? I have a application in which user search for a location, and the search result pop up open, I want to customize that window is it possible, if yes, How can I do that, if no, is

DeepakBegrajka1 — Wed, 10 Jan 2018 03:16:13 GMT

Hey Robert,

I am not talking about WAB, I am developing customise web application using web map ID of my company map.

I use Arcgis 4.6 for development, with HTML, CSS, JS, Bootstrap.

In my app I have added a Search widget in which if user enter a location he will be directed to that location and a address-search-result-popup opens, which has title as Search result, also it has the address of the current location,

I want to customise this Popup.

Can you help me with it.

Thanks.

Re: Is it possible to edit or customize Search Result Popup, in your webmap? I have a application in which user search for a location, and the search result pop up open, I want to customize that window is it possible, if yes, How can I do that, if no, is

DanPatterson_Retired — Wed, 10 Jan 2018 03:22:33 GMT

Arcgis 4.6 ? what are you referring to?

You have this posted in GeoNet Help.... which is about getting help on how to use GeoNet.

Perhaps, you might want to redirect your question to a more suitable location within the

Geonet Community Structure

you can use the Move option once you find a location.

Also, could you shorten your title and put most of what is there in the body of the question, It just tends to attract an audience when the title is short and focussed.

Re: Is it possible to edit or customize Search Result Popup, in your webmap? I have a application in which user search for a location, and the search result pop up open, I want to customize that window is it possible, if yes, How can I do that, if no, is

DeepakBegrajka1 — Wed, 10 Jan 2018 03:31:56 GMT

By Arcgis 4.6 I meant, I am using latest ArcGIS API for javascript, API Reference version 4.6 for web development.

You can access the below URL for developer resources.

Overview | API Reference | ArcGIS API for JavaScript 4.6

This is URL is included as your Script source.

https://js.arcgis.com/4.6/

Thanks,

Deepak.

Re: Is it possible to edit or customize Search Result Popup, in your webmap? I have a application in which user search for a location, and the search result pop up open, I want to customize that window is it possible, if yes, How can I do that, if no, is

DanPatterson_Retired — Wed, 10 Jan 2018 03:56:27 GMT

I moved the thread to the appropriate location Deepak

Hopefully you will get some targeted responses there.

Re: Is it possible to edit or customize Search Result Popup, in your webmap? I have a application in which user search for a location, and the search result pop up open, I want to customize that window is it possible, if yes, How can I do that, if no, is

RobertScheitlin__GISP — Sun, 12 Dec 2021 06:36:13 GMT

Deepak,

You will need to set the search widgets popupOpenOnSelect property to false so that you can catch the select-result event yourself and display the views popup with you own customized content.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
  <title>Search widget with multiple sources - 4.6</title>

  <style>
    html,
    body,
    #viewDiv {
      padding: 0;
      margin: 0;
      height: 100%;
      width: 100%;
    }
  </style>

  <link rel="stylesheet" href="https://js.arcgis.com/4.6/esri/css/main.css">
  <script src="https://js.arcgis.com/4.6/"></script>

  <script>
    require([
      "esri/Map",
      "esri/views/MapView",
      "esri/widgets/Search",
      "dojo/domReady!"
    ], function(
      Map,
      MapView,
      Search) {

      var map = new Map({
        basemap: "dark-gray"
      });

      var view = new MapView({
        container: "viewDiv",
        map: map,
        center: [-97, 38], // lon, lat
        scale: 10000000
      });

      var searchWidget = new Search({
        view: view,
        popupOpenOnSelect: false
      });
      
      searchWidget.on('select-result', function(evt){
        console.info(evt);
        view.popup.open({
         location: evt.result.feature.geometry,  // location of the click on the view
         title: "You clicked here",  // title displayed in the popup
         content: "This is a point of interest"  // content displayed in the popup
        });
      });

      // Add the search widget to the top left corner of the view
      view.ui.add(searchWidget, {
        position: "top-right"
      });
    });
  </script>
</head>

<body>
  <div id="viewDiv"></div>
</body>
</html>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: Is it possible to edit or customize Search Result Popup, in your webmap? I have a application in which user search for a location, and the search result pop up open, I want to customize that window is it possible, if yes, How can I do that, if no, is

DeepakBegrajka1 — Wed, 10 Jan 2018 14:29:51 GMT

Thanks a lot Robert for replying.

Re: Is it possible to edit or customize Search Result Popup, in your webmap? I have a application in which user search for a location, and the search result pop up open, I want to customize that window is it possible, if yes, How can I do that, if no, is

DeepakBegrajka1 — Wed, 10 Jan 2018 21:04:14 GMT

Hey Guy,

I have one more question, is it possible to get physical address of the location if you search the location using latitude and longitude?

By physical address I mean, Street, city, Zip.

Thanks,

Deepak

Re: Is it possible to edit or customize Search Result Popup, in your webmap? I have a application in which user search for a location, and the search result pop up open, I want to customize that window is it possible, if yes, How can I do that, if no, is

RobertScheitlin__GISP — Wed, 10 Jan 2018 21:06:23 GMT

Deepak,

That would involve doing a reverse geocode using a locator, yes it is possible.

Re: Is it possible to edit or customize Search Result Popup, in your webmap? I have a application in which user search for a location, and the search result pop up open, I want to customize that window is it possible, if yes, How can I do that, if no, is

DeepakBegrajka1 — Wed, 10 Jan 2018 21:38:22 GMT

Okay, Thanks

I am looking into it.

Re: Is it possible to edit or customize Search Result Popup, in your webmap? I have a application in which user search for a location, and the search result pop up open, I want to customize that window is it possible, if yes, How can I do that, if no, is

RobertScheitlin__GISP — Wed, 10 Jan 2018 21:39:02 GMT

Don't forget to mark this question as answered by clicking on the "Mark Correct" link on the reply that answered your question.

Re: Is it possible to edit or customize Search Result Popup, in your webmap? I have a application in which user search for a location, and the search result pop up open, I want to customize that window is it possible, if yes, How can I do that, if no, is

DeepakBegrajka1 — Mon, 29 Jan 2018 15:12:51 GMT

Hey Robert is there anyway, I can edit search widget?

I want to change the placeholder of the search widget, is there any way to do it?

My current Code:

// Adds the search widget to the top right corner of the view Search widget
search = new Search({
view: view,
popupOpenOnSelect: false,
id: "searchLoc",

});
search.defaultSource.withinViewEnabled = true; // Limit search to visible map area only
view.ui.add(search, "top-right"); // Add to the view

Thanks,

Deepak.

Re: Is it possible to edit or customize Search Result Popup, in your webmap? I have a application in which user search for a location, and the search result pop up open, I want to customize that window is it possible, if yes, How can I do that, if no, is

RobertScheitlin__GISP — Mon, 29 Jan 2018 15:17:42 GMT

Deepak,

See this:

https://developers.arcgis.com/javascript/3/jsapi/search-amd.html#allplaceholder

Re: Is it possible to edit or customize Search Result Popup, in your webmap? I have a application in which user search for a location, and the search result pop up open, I want to customize that window is it possible, if yes, How can I do that, if no, is

DeepakBegrajka1 — Mon, 29 Jan 2018 15:21:58 GMT

Thanks for the reply Robert, but the URL you send me is for the Javascript 3.23 version of ArcGIS, and I am using Javascript 4.6 version, can you redirect me to the URL for 4.6 or share some sample code if possible.

Thanks.

Re: Is it possible to edit or customize Search Result Popup, in your webmap? I have a application in which user search for a location, and the search result pop up open, I want to customize that window is it possible, if yes, How can I do that, if no, is

RobertScheitlin__GISP — Sun, 12 Dec 2021 06:36:15 GMT

Deepak,

Here is the same reference for 4.6:

https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#allPlaceholder

      var searchWidget = new Search({
        view: view,
        allPlaceholder: "blah blah",
        popupOpenOnSelect: false
      });

Re: Is it possible to edit or customize Search Result Popup, in your webmap? I have a application in which user search for a location, and the search result pop up open, I want to customize that window is it possible, if yes, How can I do that, if no, is

DeepakBegrajka1 — Mon, 29 Jan 2018 15:40:34 GMT

I have added the line which you send me, but still, it does not change the placeholder text.

Re: Is it possible to edit or customize Search Result Popup, in your webmap? I have a application in which user search for a location, and the search result pop up open, I want to customize that window is it possible, if yes, How can I do that, if no, is

RobertScheitlin__GISP — Sun, 12 Dec 2021 06:36:18 GMT

Deepak,

That is because you have not defined multiple sources in the Search widget so that text is not displayed:

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
  <title>Search widget with multiple sources - 4.6</title>

  <style>
    html,
    body,
    #viewDiv {
      padding: 0;
      margin: 0;
      height: 100%;
      width: 100%;
    }
  </style>

  <link rel="stylesheet" href="https://js.arcgis.com/4.6/esri/css/main.css">
  <script src="https://js.arcgis.com/4.6/"></script>

  <script>
    require([
      "esri/Map",
      "esri/views/MapView",
      "esri/widgets/Search",
      "dojo/domReady!"
    ], function(
      Map,
      MapView,
      Search) {

      var map = new Map({
        basemap: "dark-gray"
      });

      var view = new MapView({
        container: "viewDiv",
        map: map,
        center: [-97, 38], // lon, lat
        scale: 10000000
      });

      var searchWidget = new Search({
        view: view,
        popupOpenOnSelect: false,
        allPlaceholder: "blah blah",
        sources: [{
          featureLayer: {
            url: "https://services.arcgis.com/V6ZHFr6zdgNZuVG0/arcgis/rest/services/CongressionalDistricts/FeatureServer/0",
          },
          searchFields: ["DISTRICTID"],
          displayField: "DISTRICTID",
          exactMatch: false,
          outFields: ["DISTRICTID", "NAME", "PARTY"],
          name: "Congressional Districts",
          placeholder: "example: 3708",
        }, {
          featureLayer: {
            url: "https://services.arcgis.com/V6ZHFr6zdgNZuVG0/arcgis/rest/services/US_Senators/FeatureServer/0",
          },
          searchFields: ["Name", "Party"],
          suggestionTemplate: "{Name}, Party: {Party}",
          exactMatch: false,
          outFields: ["*"],
          name: "Senators",
        }]
      });

      searchWidget.on('select-result', function(evt) {
        console.info(evt);
        view.popup.open({
          location: evt.result.feature.geometry, // location of the click on the view
          title: "You clicked here", // title displayed in the popup
          content: "This is a point of interest" // content displayed in the popup
        });
      });

      // Add the search widget to the top left corner of the view
      view.ui.add(searchWidget, {
        position: "top-right"
      });
    });
  </script>
</head>

<body>
  <div id="viewDiv"></div>
</body>

</html>
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍