Adding widgets to web application

[AndresKasekamp]

I am fairly new to web developing and JavaScript. How can I add ElevationProfile  widget to Web Application? It is not in the stemapp3d folder. Is it only possible to add JavaScript API widgets to Web Scene?

[tigerwoulds]

Web Map = 2D Layers

Web Scene = 3D Layers

You should be able to add JS API Widgets to both. Are you using Web AppBuilder for this?

[AndresKasekamp]

I am using a Web AppBuilder. Where and how to I put the code in the WAB folder so the widget will be added to the scene?

[tigerwoulds]

Navigate to the {Web AppBuilder for ArcGIS Developer Edition installation directory} > WebAppBuilderForArcGIS > client > stemapp > widgets and copy the ElevationProfile folder into this location.

Add Custom Widgets to Web AppBuilder for ArcGIS Developer Edition (esri.com)

[AndresKasekamp]

I tried it, but the widget it will only work with 2d maps, not with 3d scenes.

[JeffreyWilkerson]

Using the Javascript API (4.x) you can add the ElevationProfile widget to a Web Scene.  The example that you pointed to does exactly that.  Look at the 'sandbox' to see the exact code.  In order to use this you will need to put the file (a single HTML page for this example) into a and internet management service (Internet Information Server (IIS) for Windows, or Apache for Linux) in order for the page to be rendered and accessible from a browser.  But everything to accomplish what you are asking is in that example.