How to convert my WAB jsapi 4.* "CoordinateConversion widget - Custom Formats" into my EXB

[MichaelLev]

We start moving from 3D WAB (JS API 4.*) to EXB 1.12 (also 3D)

I am expert on WAB 3D, but totally newbie to EXB.

in WAB I implemented the "CoordinateConversion widget - Custom Formats" in oredr to see some coordinates systems concurently with Z values on my 3D scene "on the fly" i.e. as I move the cursor.

I installed EXB Developer Edition on our portal, and I need to "convert" the above widget to work on EXB.

I will be grateful to get help how to do it.

P.S. - I attached screenshot of that widget in my WAB app (below it is another widget - Esri's Coordinate widget which I extended it)

[JeffreyThompson2 · Accepted solution]

Experience Builder is built on top of the Javascript API, so since you have a coding example from the API that does what you need you should be able to basically copy that code into your widget and get something functional.

Here is an example from the official ESRI sample widgets of dropping in a legend component from the API. Your coordinate widget could be built in a similar manner.

[MichaelLev]

But the example uses react class, not function

[KenBuja · Accepted solution]

While the documentation page discusses it as a class component, the code itself has been updated to be a functional component.

[MichaelLev]

Thank you both, @JeffreyThompson2 and @KenBuja