Latest Contributions by DirkVandervoort

Greetings! JSAPI 4.7 The user workflow is to have a user draw a polygon over some linear features. At "draw-complete" the polygon is coerced to a polyline and I want to find the line features that intersect the drawn polyline. However the query informs me: {"error":{"code":400,"message":"Unable to complete operation.","details":["Unable to perform query operation."]}} The code appears simple enough: action.on("draw-complete", function(evt){    // create a polyline from the drawn polygon evt.verticies    let selectionPolyline = new Polyline(evt.vertices);    // get the gas line layer from the layers in the map using the title    let gasLineLayer = mapView.map.allLayers.find(function(layer) {       return layer.title === GAS_LINE_LAYER_TITLE;    });    let query = new Query({       geometry: selectionPolyline,       spatialRelationship: "intersects"    });    gasLineLayer.queryFeatures(query).then(function(evt){       alert("SUCCESS");    }) });‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ If I do a simple query with just a where:'1=1', all features are selected, so it must be something in the query definition about the spatialRelationship. Are spatial references this issue perhaps? Help please. TIA! ... View more

From dijit/form/DateTextBox — The Dojo Toolkit - Reference Guide  Uses claro css. In widget.html: <div> <label for="date1">Drop down Date box:</label> <input type="text" name="date1" id="date1" data-dojo-type="dijit/form/DateTextBox" required="true" /> </div>‍‍‍‍‍‍‍‍‍‍‍‍ And in widget.js I've defined dijit/form/DateTextBox. Yet my results are less than pleasing :  Any direction and/or clue would be appreciated. TIA  ... View more

The pic below shows the issue: I have an app I configured in the WAB that includes a Draw widget and a Print widget. When I draw graphics on the map, then use the Print widget to generate output, the graphics that I drew are not included in the output. I verified that this is not a WAB issue. This example above is from  a client site. The example below is hosted at Azure. Note that the graphics are included with the print output. What's up with that? ... View more

Greetings fellow travelers! I'm trying write a custom widget that puts a Basemap Gallery in a Dijit Dialog. My debugger tells me the Basemap Gallery is fully hydrated and available, yet my UI tells me otherwise:  In HTML: var basemapGalleryInADialog = new BasemapGalleryInADialog({ view:view }); view.ui.add(basemapGalleryInADialog, "top-left");‍‍‍‍ The TypeScript widget class: /// <amd-dependency path="esri/core/tsSupport/declareExtendsHelper" name="__extends" /> /// <amd-dependency path="esri/core/tsSupport/decorateHelper" name="__decorate" /> import {aliasOf, subclass, property, declared} from "esri/core/accessorSupport/decorators"; import {accessibleHandler, jsxFactory, renderable, vmEvent} from "esri/widgets/support/widget"; import Widget = require("esri/widgets/Widget"); import MapView = require("esri/views/MapView"); import SceneView = require("esri/views/SceneView"); import BasemapGallery = require("esri/widgets/BasemapGallery"); import Dialog = require("dijit/Dialog"); const CSS = { base: "esri-home esri-widget-button esri-widget", text: "esri-icon-font-fallback-text", basemapIcon: "esri-icon esri-icon-basemap", loadingIcon: "esri-icon-loading-indicator", rotatingIcon: "esri-rotating", disabled: "esri-disabled" }; @subclass("esri.widgets.Widget") class BasemapGalleryInADialog extends declared(Widget) { //-------------------------------------------------------------------------- // // Lifecycle // //-------------------------------------------------------------------------- /** * @constructor * @alias module:esri/widgets/Widget * @extends module:esri/widgets/Widget * @param {Object} [properties] - See the [properties](#properties-summary) for a list of all the properties * that may be passed into the constructor. */ constructor(params?: any) { super(); } //-------------------------------------------------------------------------- // // Properties // //-------------------------------------------------------------------------- //---------------------------------- // view //---------------------------------- /** * A reference to the {@link module:esri/views/MapView} or {@link module:esri/views/SceneView}. Set this to link the widget to a specific view. * * @type {module:esri/views/MapView | module:esri/views/SceneView} * * @name view * @instance */ @property() @renderable() view: MapView | SceneView = null; //-------------------------------------------------------------------------- // // Public Methods // //-------------------------------------------------------------------------- go() { var basemapGallery = new BasemapGallery({ view: this.view }); var myDialog = new Dialog({ title: "Basemap Gallery", content: basemapGallery }); myDialog.show(); } render() { return ( <div bind={this} class={CSS.base}role="button" tabIndex={0} onclick={this._go} onkeydown={this._go}> <span aria-hidden="true" class={CSS.basemapIcon} title="Basemap Gallery" /> <span class={CSS.text}>Basemap Gallery</span> </div> ); } //-------------------------------------------------------------------------- // // Private Methods // //-------------------------------------------------------------------------- @accessibleHandler() private _go() { this.go(); } } export = BasemapGalleryInADialog;‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ I'm just messing around with the UX and I thought I'd open this pattern up for discussion, help, etc. TIA ... View more