Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Cancel
- Home
- :
- About ReneRubalcava
ReneRubalcava
Esri Frequent Contributor
since
07-04-2014
10 hours ago
1824
Posts created
224
Kudos given
393
Solutions
890
Kudos received
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
My Ideas
(0 Idea Submissions)Latest Contributions by ReneRubalcava
|
POST
|
Maybe it's a settings somewhere. I used our create CLI to make this angular app and I can get the ready state. Here is a github repo, maybe something in the angular.json can help? I'm not an Angular expert, so can't say for sure. https://github.com/odoe/arcgis-angular-lifecycle/blob/main/src/app/app.html
... View more
a week ago
|
1
|
0
|
253
|
|
POST
|
As Anne mentioned, if you can provide feedback on what your level of customization is, that would help us with our planned work. On knowing when things are done, it gets a little tricky component to component. componentOnReady promise lets you know the component has been initialized and rendered once, fully loaded. This doesn't mean it's done loading though. A component like TimeSlider is still gathering info from the layers and map and could update again. It's useful to know when default values are assigned or when you can use methods on a component. arcgisReady event lets you know that the component has a reference to the underlying view rendering the map. Meaning it can now communicate with the map. But again, it doesn't mean that the component is done working and could update its UI. One option is to listen for the arcgisPropertyChange event and check for when the state property changes to ready. You can try this to see if it has done rendering with all the data that it needs. timeSlider.addEventListener("arcgisPropertyChange", (event) => {
// Check for state change
if (event.detail.name === "state") {
console.log("Property change name: ", event.detail.name);
console.log("Property change value: ", event.target[event.detail.name]);
// if state is "ready", try checking for UI changes
}
}); Demo: https://codepen.io/odoe/pen/NPRVxzO?editors=1000
... View more
2 weeks ago
|
2
|
2
|
332
|
|
POST
|
This will depend on how you are building your app. They key is to set this up before the map-components load or added to the DOM. One good way is to set them on the global esriConfig object. https://codepen.io/odoe/pen/LYaveKr <head>
<script>
// use the global esriConfig variable to initialize properties
var esriConfig = {
// No map will load with fake portal
portalUrl: "https://myHostName.esri.com/arcgis"
};
</script>
<script type="module" src="https://js.arcgis.com/5.0/"></script>
</head>
<body>
<arcgis-map item-id="d5dda743788a4b0688fe48f43ae7beb9">
<arcgis-expand slot="top-right">
<arcgis-search></arcgis-search>
</arcgis-expand>
<arcgis-legend slot="bottom-left"></arcgis-legend>
</arcgis-map>
</body> You can also use a script tag in the <head> to set this up. Then you can write your app code in a script tag in the last element of the body. https://developers.arcgis.com/javascript/latest/programming-patterns/#set-the-portalurl-in-a-cdn-application Another way is to create the WebMap yourself and assign it to the map component. https://developers.arcgis.com/javascript/latest/programming-patterns/#using-webmap-or-webscene https://developers.arcgis.com/javascript/latest/programming-patterns/#set-the-portalurl-in-an-esm-application
... View more
03-10-2026
06:22 AM
|
0
|
0
|
271
|
|
POST
|
The equivalent to manual would be the default slot, basically don't name a slot and it goes into the default location. https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#slot-default Here's a demo: https://codepen.io/odoe/pen/ZYpWjXQ?editors=1000
... View more
03-05-2026
03:57 PM
|
0
|
1
|
266
|
|
POST
|
You hit the nail on the head with the casting. This is how you can get the action typings you are looking for. We can look at this further and see if we can infer this in a future release, but that is the current solution.
... View more
03-03-2026
06:27 AM
|
0
|
1
|
191
|
|
POST
|
This might be related the webpack build. When looking at what is shipped in npm, the `,:` syntax is not there. https://www.npmjs.com/package/@arcgis/core?activeTab=code
... View more
02-27-2026
06:31 AM
|
1
|
1
|
355
|
|
POST
|
I have not used this (and haven't seen it mentioned before), but looks interesting. I can try and take a crack at it though. Seems to simplify some regex I would probably would have done, lol.
... View more
01-13-2026
02:15 PM
|
1
|
0
|
320
|
|
POST
|
You should be able to accomplish this with CIMSymbol. Here is an older blog post that walks through the process of converting SVG to CIM using the CIMSymbolBuilder. https://www.esri.com/arcgis-blog/products/js-api-arcgis/developers/upload-symbols-from-svg-in-the-updated-cim-symbol-builder CIMSymbolBuilder Samples
... View more
12-31-2025
09:05 AM
|
1
|
1
|
505
|
|
POST
|
Do you have a sample on how you are taking the screenshot? I'm guessing you are writing your own screenshot code or using a third-party lib? The takeScreenshot method doesn't include UI elements.
... View more
12-26-2025
09:05 AM
|
0
|
0
|
249
|
|
POST
|
This is a current limitation of the Popup widget in map-components. We do have a beta Popup component you can try in some cases (does not work with Search component yet). https://developers.arcgis.com/javascript/latest/release-notes/#popup-component-beta I did a video recently on the Popup component
... View more
12-09-2025
08:20 AM
|
1
|
0
|
487
|
|
POST
|
This is the current behavior that we are looking to fix in 5.0. If you want to try the beta Popup component, it will show up above other components, except the Popup opened by search, that is still the widget Popup. https://developers.arcgis.com/javascript/latest/references/map-components/arcgis-popup/
... View more
11-20-2025
12:05 PM
|
0
|
0
|
378
|
|
POST
|
Ah, I see. Yeah, the legend needs to wait for the map to load before it hydrates all children components. In this case, it's more appropriate to wait for mapElement.viewOnReady() or listen for the map elements arcgisViewReadyChange event. The components arcgisReady event just let's you know it now has a view, not that the view is ready.
... View more
11-19-2025
05:25 AM
|
0
|
0
|
735
|
|
POST
|
See this answer here: https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/componentonready-of-legend-map-componenet-was-not/m-p/1666543/highlight/true#M87887 You can review the components patterns guide for more assistance. https://developers.arcgis.com/javascript/latest/programming-patterns/
... View more
11-17-2025
03:12 PM
|
0
|
0
|
458
|
|
POST
|
With components, you should not be adding elements to the `view.ui`. You can add them directly to the map component. In 4.33, you can use the placement component to help with this. let arcgisMap = document.querySelector('arcgis-map');
let infoPanel = document.createElement('DIV');
let widget = document.createElement('arcgis-search');
let placement = document.createElement('arcgis-placement');
placement.position = "top-right";
infoPanel.className = 'infoPanel border';
infoPanel.innerHTML = 'Info Panel';
infoPanel.style.borderWidth = '1px';
infoPanel.style.borderColor = 'blue';
infoPanel.style.borderStyle = 'solid';
infoPanel.appendChild(widget);
placement.appendChild(infoPanel);
arcgisMap.appendChild(placement); https://codepen.io/odoe/pen/YPqVQOp?editors=1001 In 4.34, you can set the `infoPanel.slot ="top-right"` and `arcgisMap.appendChild(infoPanel)`
... View more
11-17-2025
03:10 PM
|
0
|
0
|
567
|
|
POST
|
In 4.33, the selector is still `.esri-legend`. And in this case, `componentOnReady` only means the component code has loaded and properties/methods of the component are available to access. It doesn't mean that the data for the legend to get created is loaded. You can use the `arcgisReady` event of the legend if you want to do this in 4.33. In 4.34 there is a `arcgis-legend` class, but it's in the shadowRoot and can't be queried via conventional means. So that won't work.
... View more
11-17-2025
03:03 PM
|
0
|
0
|
785
|
My kudoed posts
| Title | Kudos | Posted |
|---|---|---|
| 1 | a week ago | |
| 2 | 2 weeks ago | |
| 1 | 02-27-2026 06:31 AM | |
| 1 | 01-13-2026 02:15 PM | |
| 1 | 12-31-2025 09:05 AM |
Activity Feed
- Got a Kudo for Re: Custom Component Shadow DOM not fully loaded on "componentOnReady" promise / "arcgisReady" event. Monday
- Posted Re: Custom Component Shadow DOM not fully loaded on "componentOnReady" promise / "arcgisReady" event on ArcGIS JavaScript Maps SDK Questions. a week ago
- Got a Kudo for Re: Custom Component Shadow DOM not fully loaded on "componentOnReady" promise / "arcgisReady" event. a week ago
- Got a Kudo for Re: Custom Component Shadow DOM not fully loaded on "componentOnReady" promise / "arcgisReady" event. 2 weeks ago
- Posted Re: Custom Component Shadow DOM not fully loaded on "componentOnReady" promise / "arcgisReady" event on ArcGIS JavaScript Maps SDK Questions. 2 weeks ago
- Kudoed Re: @arcgis/create - package-lock.json in .gitignore for OmarKawach. 03-16-2026 01:11 PM
- Kudoed Re: <arcgis-sketch> Selection event for lasso / rectangle for WesleyO. 03-13-2026 09:08 AM
- Kudoed Re: Set initial extent on page load for MatthewDriscoll. 03-11-2026 07:59 AM
- Posted Re: ArcGIS JS API Map-Componets: Load-Portal-Item not using correct PortalUrl or ProxyUrl on ArcGIS JavaScript Maps SDK Questions. 03-10-2026 06:22 AM
- Posted Re: Custom Component Slots - slot="manual" on ArcGIS JavaScript Maps SDK Questions. 03-05-2026 03:57 PM
- Posted Re: Draw / DrawAction event typing issue on 5.x on ArcGIS JavaScript Maps SDK Questions. 03-03-2026 06:27 AM
- Got a Kudo for Re: syntax error in SceneView.js. 03-02-2026 09:22 AM
- Posted Re: syntax error in SceneView.js on ArcGIS JavaScript Maps SDK Questions. 02-27-2026 06:31 AM
- Got a Kudo for Re: How to fix the visual order of components on a map using arcgis-map-components. 01-22-2026 12:21 PM
- Got a Kudo for Re: Has anyone ever used Grit to convert standard JavaScript imports to CDN $arcgis.import function calls?. 01-20-2026 08:10 AM
- Posted Re: Has anyone ever used Grit to convert standard JavaScript imports to CDN $arcgis.import function calls? on ArcGIS JavaScript Maps SDK Questions. 01-13-2026 02:15 PM
- Got a Kudo for Re: Create a graphic with an embedded shape inside and a custom color fill. 01-02-2026 08:43 AM
- Got a Kudo for Re: Popups not visible over Custom div. 01-01-2026 02:34 PM
- Posted Re: Create a graphic with an embedded shape inside and a custom color fill on ArcGIS JavaScript Maps SDK Questions. 12-31-2025 09:05 AM
- Kudoed Re: Why my page request "https://arcgis.com/sharing" resources? for D_Atkins. 12-31-2025 08:59 AM
Contact Me
| Online Status |
Offline
|
| Date Last Visited |
10 hours ago
|