Re-designed Draw widget

4086
15
11-21-2023 12:00 PM
JeffreyThompson2
MVP Frequent Contributor

This is a re-designed version the draw widget by @RobertScheitlin__GISP. His draw widget has a number of advantages over the OOTB draw widget including the ability to use text, editing a drawing and more drawing tools. However, the user interface needs some improvement.

This widget has modified his code to improve the overall user experience.

Changes:

  • Many of the internal menus were displaying behind other menus making them difficult or impossible to access. These issues should all be fixed.
  • Text added to clarify if the widget is in draw or edit mode and how to access the other mode.
  • The draw tools have been placed in a flexbox div to make the layout better organized.
  • The options button has been widened and labeled to make it clear that is different than the draw tool buttons.
  • The Undo/Redo buttons will only display if it is possible to undo or redo something.
  • Text in the delete button will clarify if deleting a single or all graphics.
  • Text options menu has been re-ordered and re-designed with additional text to clarify options.
  • Entering text does not require deleting default text.
  • Preview will accurately reflect the map symbol regardless of theme font.

JeffreyThompson2_0-1700596716792.png

 

JeffreyThompson2_1-1700596716782.png

 

JeffreyThompson2_2-1700596716780.png

 

JeffreyThompson2_3-1700596716824.png

 

JeffreyThompson2_4-1700596716795.png

Edited: Undo and Redo buttons should perform correct action.

GIS Developer
City of Arlington, Texas
Tags (1)
15 Replies
MarcoMattioli
Emerging Contributor

Thanks for the answer, I will try a different approach.

0 Kudos
Jonathan_Marin
Occasional Contributor

Hi @JeffreyThompson2 , 

I'm sure this has been mentioned before, but is there a way or are you looking for a way to make the drawings that are drawn using this tool to be downloadable or uploaded into the widget. This was functionality in custom widget eDraw for WAB. The download and upload feature was a huge game changer to many organizations.

Also, another feature that was very handy for the eDraw widget was that you could create an "incident" out of a drawing. Obviously the incident widget is not in ExB, but maybe it could be incorporated into the near me tool?

Thank you for your work on this!

0 Kudos
JeffreyThompson2
MVP Frequent Contributor

I am not planning any further modifications to this widget at this time. The Add Data Widget supports uploading files and many Widgets have a download function.

Near Me has a built-in drawing option as part of its functionality.

GIS Developer
City of Arlington, Texas
0 Kudos
RasterFan98
New Contributor

In what format would the download be? Zipped SHP?

0 Kudos
Jonathan_Marin
Occasional Contributor

In the eDraw widget you're able to download the sketches made within it as geojson files and it allows uploads of the file too so users could share sketches.

0 Kudos
Brian_McLeer
Frequent Contributor

@Jonathan_Marin plugging this post to get it upvoted so hopefully released in EB in a future release. Implement export, import and sharing of sketches o... - Esri Community

Brian