Latest Contributions by DeanWilson

I just said forget it and I'm using my own shell setup with media queries. Seems to be working out great now.

Bump!

I'm attempting to kind of mimic the foldable theme from web appbuilder into the calcite design system via web components. I have almost all of it completely developed except for the attribute table widget (normally at the bottom of the application). Looking at this screenshot: You can see that the shell panel is set to the panel-end slot. When it's like this, anything put into the panel-bottom slot loses that width. Like in this screenshot: Now. If I assign to panel-top for the ui components instead of the panel-end slot, it indeed gives me full width on the panel-bottom attached calcite-shell-panel. The problem is now my ui components are shifted to the left, as in this screenshot: I tried flexing them in css to justify-content at the end but to no avail. I have other issues I need to address but this is the first one I'm trying to tackle and can't seem to find a resolution. Any thoughts to how I can accomplish this? Claude has been no help. LOL Thanks in advance! Dean Wilson

‎07-14-2025

Since from what I've been reading throughout the documentation for building web applications that API Keys authentication is best practice. It would be nice to use API Keys authentication for Experience Builder applications.

‎07-14-2025

@John-Foster and @TimWestern , Thanks for the information on this. I've been trying my best to utilize the new tooling that we're being given by ESRI but it's not working out. We may be sticking with Web Appbuilder for awhile longer I think.

‎07-11-2025

Hi @LaurenBoyd I did indeed get API keys working with a testing web application using some of the web components which was nice. One thing I wouldn't mind seeing in the documentation is how to use said API keys using an application built via Experience Builder Developer edition. We use a local enterprise portal and not AGO. Can you or anyone direct me to said documentation? Thanks in advance! Dean

‎07-02-2025

@Noah-Sager - Nevermind Noah. I did get it to display the map via the api keys. This worked, even with the web component arcgis-map: <script type="module"> const esriConfig = await $arcgis.import('@arcgis/core/config.js') const portalUrl = <my portal url> const serverUrl = <my server url> esriConfig.portalUrl = portalUrl esriConfig.apiKeys.scopes = [{ token: <my api key>, urls: [portalUrl, serverUrl] }] </script> Thanks for your help with this.

‎07-02-2025

@Noah-Sager - I went through that tutorial. As far as the user account and roles, I'm actually using the portal administrator account so I would assume it has the privileges to do anything and everything right? But it doesn't give me the privileges options you show in AGOL. Thoughts?

‎07-01-2025

Hey @Noah-Sager , Yeah it's still prompting me for credentials. Now, when I build my api keys credentials through the enterprise portal, I get to the privileges page and I leave that with nothing selected. I hit next and go to the items selection and select the webmap (and participating layers) that I'm trying to access. Is there a disconnect maybe that way? Here's the privileges page (I'm building the credential with the portal admin account): Mine looks nothing like what is in the docs.

‎07-01-2025

Hey Noah. I see where this apiKeys property is being used in the api docs, but I'm trying to figure out how to use it similar to how you used it in your codepen because I have my code set like below and it's still asking me for a portal login. I need to point to my enterprise portal and use items from there, so would my esriConfig code look like this? <script type="module"> const esriConfig = await $arcgis.import("@arcgis/core/config.js") esriConfig.portalUrl = '<My portal url>' //Do I need to set esriConfig.serverUrl ?? esriConfig.apiKeys.scopes = [{ token: "API_KEY_FOR_SERVICE", //do I need serverUrl in urls array? urls: [portalURL] }]; </script> Thanks!

‎06-30-2025

Thanks for replying @Noah-Sager ! I'm actually NOT seeing the token get passed, neither in the url as a query string parameter or in the request headers as a token. What am I missing?

‎06-27-2025

I was going through this particular tutorial: https://developers.arcgis.com/calcite-design-system/tutorials/create-a-mapping-app/ And it's got the information about using api keys. I built an api key for my test app (using vite) and after I setup the information to allow use of my enterprise portal (which is on version 11.4) and using 4.33 api, it's still prompting me for a login, even though I've selected the items in the webmap that I'm using the key to authenticate for. Here's my current page code (remember this is to test api key authentication): <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Calcite Web Map</title> <script src="https://js.arcgis.com/calcite-components/3.2.1/calcite.esm.js" type="module"></script> <script src="https://js.arcgis.com/4.33/"></script> <link rel="stylesheet" href="https://js.arcgis.com/4.33/esri/themes/light/main.css" /> <script type="module"> const esriConfig = await $arcgis.import('@arcgis/core/config.js') esriConfig.portalUrl = '<my enterprise portal>' esriConfig.apiKey = '<my api key>' </script> <script type="module" src="https://js.arcgis.com/4.33/map-components"></script> </head> <style> html, body, #webMap { padding: 0; margin: 0; height: 100%; width: 100%; display: flex; } </style> <body> <arcgis-map id="webMap" item-id="4f48ecb117874273a5f3a8bdc4d440f5"> <arcgis-zoom position="top-right"></arcgis-zoom> </arcgis-map> </body> </html> Thoughts? I've been dealing with this all day and have been waiting for api keys to be available to enterprise users for authentication purposes for a while now. Thanks! Dean Wilson

‎05-14-2025

Hi @LaurenBoyd and @John-Foster , I've been having similar issues to @FarrukhZahid as far as using API keys. The documentation you linked was the first time I seen that note, because all of the docs I've been going through kept mentioning that you get api key auth if you're using enterprise server 11.4. Since the Maps SDK, at least per that obscure note that I wouldn't have looked for in the Arcgis Portal section of the Maps sdk, doesn't allow auth via api keys yet, does that include Experience Builder as well? I was hoping this was the fix for my portal sharing problem where I have secure services built in the portal, and when I try to access popups publicly, it asks for a login. Sorry if that sounds curt, I've been going rounds with these auth issues for awhile. Thanks in advance!

‎04-25-2025

The cast looks like it did the trick as far as getting rid of the linter errors. I do appreciate that. Would casting possibly fix the issues @micsova was asking about you think? I'm newer to typescript, coming from a C# background mainly. Not sure of the prevalence of type casting in cases like these.

‎04-23-2025

Thanks for the reply @mpatiiuk ! As far as where the TargetedEvent type is coming from, it's coming from the component's on function here: (let me know if you can't see that I can resend it) Tried the type you gave me but no luck. still getting the same linter error of Property 'portalItem' does not exist on type 'Map'. Inlining the listener gives me a similar error as well. I did get this code from some of the docs I found for the calcite components. It's here: https://developers.arcgis.com/javascript/latest/tutorials/using-view-with-components/#add-script-logic which I was sent to from this tutorial: https://developers.arcgis.com/javascript/latest/get-started-react/#add-additional-functionality (at the bottom of this section it mentioned going to 'this tutorial' which sends me to the previous link to this one) I mean it does indeed log the title in the console, but I should be able to use my tooling also. Thanks again!

Online Status	Offline
Date Last Visited	Friday

My Ideas

Latest Contributions by DeanWilson

Re: calcite shell panel display help

Re: calcite shell panel display help

calcite shell panel display help

Support for API Keys authentication in Experience Builder Developer Edition applications

Re: {error: {code: 498, message: "Token Invalid.", ...}

Re: {error: {code: 498, message: "Token Invalid.", ...}

Re: Api Key issues

Re: Api Key issues

Re: Api Key issues

Re: Api Key issues

Re: Api Key issues

Api Key issues

Re: {error: {code: 498, message: "Token Invalid.", ...}

Re: Referencing components with TypeScript

Re: Referencing components with TypeScript

Support for API Keys authentication in Experience ...

Re: Api Key issues

Re: Using proxy and IdentityManager in the same ap...

Experience Builder Custom Widgets