Latest Contributions by ReneRubalcava

You might want to look at building your own custom UI element that covers what you need. You can use the NavigationToggleViewModel to handle the logic and build a custom UI around that. You can do it in your framework of choice or a vanilla HTML/JS element. ... View more

So I had some time and a crazy idea. You could return a Features widget in the CustomContent of your popup and turn your innerGraphics into pseudo graphics the Features widget could use. It requires some set up, but it works. https://codepen.io/odoe/pen/xxNdQMQ?editors=0010 const fieldContent = new FieldsContent({ outFields: ["*"], fieldInfos: [ { fieldName: "crashId", label: "Crash ID" }, { fieldName: "groupId", label: "Group ID" } ] }); const customContentWidget = new CustomContent({ outFields: ["*"], creator: ({ graphic }) => { const { innerGraphics } = graphic.attributes; const graphics = innerGraphics.map((attributes) => { return new Graphic({ geometry: null, attributes, popupTemplate: { title: "Inner Crash ID: {crashId}", content: [ { type: "fields", outFields: ["*"], fieldInfos: [ { fieldName: "crashId", label: "Inner Crash ID" }, { fieldName: "groupId", label: "Inner Group ID" }, { fieldName: "symbolType", label: "Symbol" }, { fieldName: "direction", label: "Direction" }, { fieldName: "severity", label: "Severity" }, { fieldName: "narrative", label: "Narrative" } ] } ] } }); }); console.log(graphics); const features = new Features({ features: graphics, visible: true, visibleElements: { actionBar: false, closeButton: false, collapseButton: false, } }); return features; } }); const graphicObj = { geometry: { spatialReference: { wkid: 4326 }, x: -72.93538699999993, y: 41.332516000000055, type: "point" // add geometry type }, symbol: null, attributes: { crashId: 1, symbolType: "Sideswipe, Same Direction", groupId: 25, direction: null, date: null, innerGraphics: [ { crashId: 222, symbolType: "Sideswipe, Same Direction", groupId: 20, direction: 0, date: 1682173620000, severity: "O", narrative: "" }, { crashId: 333, symbolType: "Front to Rear", groupId: 14, direction: 0, date: 1674143040000, severity: "O", narrative: "" }, { crashId: 111, symbolType: "Front to Rear", groupId: 22, direction: 0, date: 1697535840000, severity: "O", narrative: "Narrative unavailable for this crash." } ] }, popupTemplate: { title: "Crash ID: {crashId}", outFields: ["*"], content: [fieldContent, customContentWidget] } }; view.graphics.add(graphicObj); ... View more

This is going to require using CustomContent and writing your own UI to display that info. The creator event will give you the graphic and you can return some custom HTML in the function to display your results. I had shown something similar here for weather data. ... View more

You can check the searchTerm property https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#searchTerm It just depends on what event you want to check it https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html#events-summary   searchWidget.on("suggest-start", () => { console.log("term: ", searchWidget.searchTerm); }); searchWidget.on("suggest-complete", () => { console.log("term: ", searchWidget.searchTerm); }); ... View more

The sample works in the sandbox. https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=widgets-directions Are you opening the codepen link? If so, the Route service requires an API Key, so you need to provide a key in your own app. ... View more

There's also examples on github https://github.com/Esri/jsapi-resources/tree/main/esm-samples/jsapi-react https://github.com/Esri/arcgis-maps-sdk-javascript-samples-beta/tree/main/packages/map-components/templates/react Also a number of videos from previous DevSummits https://mediaspace.esri.com/esearch/search?keyword=react ... View more

That error looks like you don't have an arcgis-sketch element on the page. If you provide a repro per the doc, could tell better. https://developers.arcgis.com/javascript/latest/troubleshooting/#minimal-reproducible-application ... View more

This works in "next", but we made some changes to the event names. https://codepen.io/odoe/pen/yLrbBoR?editors=0011 Event names no longer include the name of the component and they are all prefixed with 'arcgis' in the names. We'll get that added to the breaking changes here. https://github.com/Esri/feedback-js-api-next/blob/main/CHANGELOG.md#components-breaking-changes ... View more