Re-designed Draw widget

3328
10
11-21-2023 12:00 PM
JeffreyThompson2
MVP Regular 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)
10 Replies
MarcoMattioli
Emerging Contributor

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

0 Kudos