https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-have-an-infotemplate-popup-with-move-next/m-p/1108891#M75014 <P>Hi,</P><P>I am trying to have a move next/previous button in infotemplate/popup to navigate to the different attributes of a single feature.&nbsp; I have attached sample code.&nbsp;</P><P>&nbsp;Any help would be greatly appreciated.&nbsp;</P><P>-Chitra</P><P>&nbsp;</P><LI-CODE lang="javascript"> _createBlockLayerMoveNext: function (defExpression, renderer) { this.blocklyr = new GraphicsLayer({ id: 'blocklyr' }); var grps = []; var url = "https://services8.arcgis.com/HPJsu0I9OjNDnQ7I/arcgis/rest/services/tl_2020_42_tabblock20/FeatureServer/0"; var blockGroupsLyr = new FeatureLayer(url, { outFields: ['*'] }); var queryParams = new query(); queryParams.outFields = ['*']; queryParams.geometry = this.map.extent; queryParams.spatialRel = "intersects"; blockGroupsLyr.queryFeatures(queryParams) .then((results) =&gt; { results.features.map(function (feature) { var ply = new Polygon({ rings: feature.geometry.rings, spatialReference: feature.geometry.spatialReference }); var pictureMarkerSymbol = new PictureMarkerSymbol('app/widgets/DataLayers/images/Assisting-Prostitution.png', 25, 25); var infoTemplate = new InfoTemplate(); infoTemplate.setTitle("&lt;b&gt;Block-" + feature.attributes.BLOCKCE20 + "&lt;br/&gt;"); infoTemplate.setContent("&lt;b&gt;" + feature.attributes.BLOCKCE20 + "&lt;/b&gt;&lt;br/&gt;"); for (i = 0; i &lt; feature.attributes.length; i++) { //loop through the attributes and add to infotemplate like a next/previous button } var newppin = new Point(ply.getCentroid().x, ply.getCentroid().y, new SpatialReference({ wkid: 3857 }) ); grps.push(new Graphic(newppin, pictureMarkerSymbol).setInfoTemplate(infoTemplate)); }); this.blocklyr.clear(); array.forEach(grps, lang.hitch(this, function (g) { this.blocklyr.add(g); })); this.map.addLayer(this.blocklyr); }) .then(response =&gt; { this._shelter.hide(); }) .otherwise((error) =&gt; { console.log(error.error); }); },</LI-CODE><P>&nbsp;</P> Tue, 19 Oct 2021 16:06:40 GMT ChitraKrishnan 2021-10-19T16:06:40Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-have-an-infotemplate-popup-with-move-next/m-p/1108891#M75014 <P>Hi,</P><P>I am trying to have a move next/previous button in infotemplate/popup to navigate to the different attributes of a single feature.&nbsp; I have attached sample code.&nbsp;</P><P>&nbsp;Any help would be greatly appreciated.&nbsp;</P><P>-Chitra</P><P>&nbsp;</P><LI-CODE lang="javascript"> _createBlockLayerMoveNext: function (defExpression, renderer) { this.blocklyr = new GraphicsLayer({ id: 'blocklyr' }); var grps = []; var url = "https://services8.arcgis.com/HPJsu0I9OjNDnQ7I/arcgis/rest/services/tl_2020_42_tabblock20/FeatureServer/0"; var blockGroupsLyr = new FeatureLayer(url, { outFields: ['*'] }); var queryParams = new query(); queryParams.outFields = ['*']; queryParams.geometry = this.map.extent; queryParams.spatialRel = "intersects"; blockGroupsLyr.queryFeatures(queryParams) .then((results) =&gt; { results.features.map(function (feature) { var ply = new Polygon({ rings: feature.geometry.rings, spatialReference: feature.geometry.spatialReference }); var pictureMarkerSymbol = new PictureMarkerSymbol('app/widgets/DataLayers/images/Assisting-Prostitution.png', 25, 25); var infoTemplate = new InfoTemplate(); infoTemplate.setTitle("&lt;b&gt;Block-" + feature.attributes.BLOCKCE20 + "&lt;br/&gt;"); infoTemplate.setContent("&lt;b&gt;" + feature.attributes.BLOCKCE20 + "&lt;/b&gt;&lt;br/&gt;"); for (i = 0; i &lt; feature.attributes.length; i++) { //loop through the attributes and add to infotemplate like a next/previous button } var newppin = new Point(ply.getCentroid().x, ply.getCentroid().y, new SpatialReference({ wkid: 3857 }) ); grps.push(new Graphic(newppin, pictureMarkerSymbol).setInfoTemplate(infoTemplate)); }); this.blocklyr.clear(); array.forEach(grps, lang.hitch(this, function (g) { this.blocklyr.add(g); })); this.map.addLayer(this.blocklyr); }) .then(response =&gt; { this._shelter.hide(); }) .otherwise((error) =&gt; { console.log(error.error); }); },</LI-CODE><P>&nbsp;</P> Tue, 19 Oct 2021 16:06:40 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-have-an-infotemplate-popup-with-move-next/m-p/1108891#M75014 ChitraKrishnan 2021-10-19T16:06:40Z