nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

costume widget not loading

deleted-user-wcpelUUf_XXx

I am trying to build a simple widget that adds and delete a heatmap.

I started a costume widget adding html(why are there two html files(widget and widget html)) css and js

and can add it to a web application (not loading i assume because my code is faulty)

heres a codepen for the widget:

https://codepen.io/segev-salman/pen/EzbxBP

here is the webmap if its relevent:

ArcGIS Web Application

Find more posts tagged with

Accepted answers

rscheitlin

Segev,

OK, now I understand. But you still have a lot to learn. WAB 2D apps use the 3.x JS API and you are attempting to use the 4.x API and you can not do that.

All comments

rscheitlin

Segev,

OK, now I understand. But you still have a lot to learn. WAB 2D apps use the 3.x JS API and you are attempting to use the 4.x API and you can not do that.

deleted-user-wcpelUUf_XXx

Robert,

I might have badly communicated so this is what i actually did , you say I am using a WAB widget and that it could only be to an WAB app and thats what i did.

so this is my widget file in the WAB

this is my WAB

my WAB

here is my widget on the WAB i can see and add it

widget on WAB

here is the problem i think it doesn't work because of my code and i am not sure how to display all those files so i made the code pen i am not expecting the codepen to work

the problem

If i am wrong about this sorry i wasted so much of your time I am trying.

deleted-user-wcpelUUf_XXx

Robert.

sorry for being dense, but is this not vanilla js?

https://developers.arcgis.com/web-appbuilder/sample-code/create-custom-in-panel-widget.htm

rscheitlin

Segev,

You can NOT use a custom Web App Builder widget inside a vanilla JS API application.

deleted-user-wcpelUUf_XXx

Robert,

I am not sure if you understand, I am not trying to use it inside a vanilla JS i just used the codepen to display my code.

I downloaded the app and following the api guide to use a costume widget. all the files in here are copied from a new simple widget folder that i added to my "arcgis-web-appbuilder- 2.12\WebAppBuilderForArcGIS\client\stemapp\widgets" folder the widget is appearing in the web app builder when I add a widget but when i open it it doesn't load.

if you did understand and I am wrong could you please direct me to what am i missing?

rscheitlin

Segev,

You can Not use a custom Web App Builder widget inside a vanilla JS API application. WAB Widgets are dependent on Many other files in the WAB application and the jimu framework.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.