Latest Contributions by BillDaigle

Thanks for the link Robert.  I took a look at the AMD code for the BasemapGallery.  It looks like there is no hope for the service getting loaded to the basemap gallery as a tiled layer unless the service has a 'mapName' property.  Unfortunately, Image service don't have this property.  Instead, they have a 'name' property. Here is a potential workaround that I have been "fiddling" with.  Essentially, it involves loading the Cached image service as a standard ArcGISTiledMapServiceLayer, then using the basemapGallery's selection-change event to add or remove it from the map. https://jsfiddle.net/bdaigle/22Lgp45f/8/ ... View more

Something like this? FWP Data Review To do so, we put the dimension in an object:   this.templateInfos = [{           'name': "Landscape - Letter",           'dims': {             'width': 10.2,             'height': 6.1866           }         }, {           'name': "Landscape - 17 x 11",           'dims': {             'width': 16,             'height': 8.05           }         }, {           'name': "Map Only - 8 x 8",           'dims': {             'width': 8,             'height': 8           }         }]; Then use the following function to update the graphic each time the select is changed.   _updatePrintArea: function(val) {         var _this = this;         if (val == " ") {           return;         }         this.printLayoutGraphicLayer.clear();         var layoutDims = null;         array.forEach(this.templateInfos, function(templateInfo) {           if (val == templateInfo.name) {             layoutDims = templateInfo.dims;           }         });         var screenPolygon = new Polygon();         var cntrPnt = screenUtils.toScreenGeometry(this.map.extent, this.map.width, this.map.height, this.map.extent.getCenter());         //add the outside of the polygon as a ring         var dpi = 96;         var outerRingOffset = dpi * 10;         var yOffset = dpi * layoutDims.height / 2;         var xOffset = dpi * layoutDims.width / 2;         screenPolygon.addRing([           [cntrPnt.x + (xOffset + outerRingOffset), cntrPnt.y + (yOffset + outerRingOffset)],           [cntrPnt.x + (xOffset + outerRingOffset), cntrPnt.y - (yOffset + outerRingOffset)],           [cntrPnt.x - (xOffset + outerRingOffset), cntrPnt.y - (yOffset + outerRingOffset)],           [cntrPnt.x - (xOffset + outerRingOffset), cntrPnt.y + (yOffset + outerRingOffset)],           [cntrPnt.x + (xOffset + outerRingOffset), cntrPnt.y + (yOffset + outerRingOffset)]         ]);         //add the data frame as an inner ring         screenPolygon.addRing([           [cntrPnt.x + xOffset, cntrPnt.y + yOffset],           [cntrPnt.x + xOffset, cntrPnt.y - yOffset],           [cntrPnt.x - xOffset, cntrPnt.y - yOffset],           [cntrPnt.x - xOffset, cntrPnt.y + yOffset],           [cntrPnt.x + xOffset, cntrPnt.y + yOffset]         ]);         function getMapGeom(screenGeom) {           return screenUtils.toMapGeometry(_this.map.extent, _this.map.width, _this.map.height, screenGeom);         }         //convert the polygon from screen coordinates to web merc         var mapPoly = getMapGeom(screenPolygon);         //add the polygon to the map         this.printLayoutGraphicLayer.add(new Graphic(mapPoly, this.symbols.polygon));         //add labels to the map         var symbolLabel1 = new TextSymbol("Outside Print Area").setColor(new Color([200, 200, 200])).setAlign(TextSymbol.ALIGN_MIDDLE).setFont(new Font("12pt", Font.STYLE_NORMAL, Font.VARIANT_NORMAL, Font.WEIGHT_BOLD, "Arial"));         var symbolLabel2 = new TextSymbol("Outside Print Area").setAngle(90).setColor(new Color([200, 200, 200])).setAlign(TextSymbol.ALIGN_MIDDLE).setFont(new Font("12pt", Font.STYLE_NORMAL, Font.VARIANT_NORMAL, Font.WEIGHT_BOLD, "Arial"));         var symbolLabel3 = new TextSymbol("Outside Print Area").setAngle(-90).setColor(new Color([200, 200, 200])).setAlign(TextSymbol.ALIGN_MIDDLE).setFont(new Font("12pt", Font.STYLE_NORMAL, Font.VARIANT_NORMAL, Font.WEIGHT_BOLD, "Arial"));         this.printLayoutGraphicLayer.add(new Graphic(getMapGeom(cntrPnt.offset(0, yOffset + 0.2 * dpi)), symbolLabel1));         this.printLayoutGraphicLayer.add(new Graphic(getMapGeom(cntrPnt.offset(0, -1 * (yOffset + 0.1 * dpi))), symbolLabel1));         this.printLayoutGraphicLayer.add(new Graphic(getMapGeom(cntrPnt.offset(xOffset + 0.1 * dpi, 0)), symbolLabel2));         this.printLayoutGraphicLayer.add(new Graphic(getMapGeom(cntrPnt.offset(-1 * (xOffset + 0.1 * dpi), 0)), symbolLabel3));         if (this.extentChangeHandler) {           this.extentChangeHandler.remove();         }         this.extentChangeHandler = this.map.on('extent-change', function() {           _this._updatePrintArea(val);         });       } ... View more