The Measurement Widget is not working alongside my other widgets

[ChesouyeCoye]

I am creating a web application and I require the measurement widget, however it does not work alongside my other widgets. It does show up but it does not function and I am not able to see dots, initial points or lines. 

Please see application in codepen: 

https://codepen.io/chesouye/pen/ZEqrZwg

[KenBuja · Accepted solution]

I saw two problems in your script. The first was easily seen in the browser's developer console. You should learn how to use that to see what's going on with your code. The error "Uncaught ReferenceError: activeWidget is not defined" popup up in the console.

It looks like you copied the setActiveFunction script directly from this sample. You left off the line of code to initialize the variable "activeWidget". In the sample, that's on line 63

let activeWidget = null;

However, just adding that didn't fix the code. Another error popped up, suggesting that the version of the API was not current. Looking at your HTML code, you are using a older version of the API

<script src="https://js.arcgis.com/4.11/">

If you update that to a newer version, the tool works as expect. However, you cannot update that to the most recent versions, since you are using dojo modules in your script, which were removed after 4.23. You'll have to see which previous version works best for you. And remember to keep the same version for the CSS. Currently, you are using 4.17

 <link rel="stylesheet" href="https://js.arcgis.com/4.17/esri/css/main.css">

[ChesouyeCoye]

Thank you for responding and looking at my code. I really appreciate it. I added the changes and it made my mad completely disappear. Im not sure what I am not doing correctly please assist. 

[KenBuja]

I can't tell what you've done. I've made the two edits to your Codepen: https://codepen.io/chesouye/pen/ZEqrZwg?editors=0010

[ChesouyeCoye]

 I saw however the measurement widget still does not work alongside the other widgets. 

[KenBuja]

Some of the other items were broken on the Codepen site that you set up, but when I made those two changes, both the area and distance measurement widgets worked.

 

[ChesouyeCoye]

I checked the codepen just now and it didnt work. Im not sure what is happening. I also fixed the css and the other version as suggested. https://codepen.io/chesouye/pen/ZEqrZwg When I click on the measurement icons in the top right it is not functional. No points or lines come up and hence I am not able to measure. 

[KenBuja]

It looks like I gave you the wrong URL. This this one: https://codepen.io/kenbuja/pen/GRYxgMm

[ChesouyeCoye]

Thank you so much. I really appreciate it. Its working well. Again, Thank you. 

[KenBuja]

Please click the "Accept as Solution" button on the post that answered your question. This will help others who may be searching for the same question.