The example above will demonstrate the measure widget. A feature layer has been added to the map so you can also see how snapping works. You can hold the CTRL key when measuring a feature and it will snap to the closest nodes.

Logic has been added to allow the widget to be used on mobile devices. It has been tested on an iPad and iPhone. An Android device was not available for testing. Polygon and polyline measures just use tap locations to provide segment measurements. All other measures are more interactive on mobile devices.

The measure widget for WAB is my first attempt at converting the widget I had creating for the FlexViewer into the WAB context. It gives interactive measures for segments and drawn elements as they are being drawn. This widget is derived from the draw widget. This was very useful for the folks in our planning department, which is what made me create the widget originally.

There are new measures for some of the other draw types. I am not sure that all of them will be as useful as the measures for the polygon and polyline measures.

The widget now allows editing for some geometry times. Lines, polylines and polygons are now editable. You can click on a drawn measure graphic and put it in edit mode. Drag the vertex points to new locations and the widget will interactively update the measurements. You can also change the color, fill color, line type, text color and text size of a graphic in edit mode. Note: Does not work on IE or iOS. The edit function turns off mouse events on IE and iOS, so there is no way to track the measurement.

I am investigating a calculation problem on the completion of drawing extents and triangles. It appears that it is missing the last segment in the calculation. This is also showing up in the draw tool too.

Found it! It appears that a function was using a slice to put the points from the polygon ring into a polyline that can be measured. This was deleting the last leg of the perimeter and creating an incomplete measurement. I commented out the offending line and it appears to be calculating the perimeter measurement correctly now. I will post the updated widget.

Comment about thread title....you may want to make a clearer distinction between it being Measure Widget 1.1.0.1 and Web App Builder 1.0 (which is still the latest -- just checked 2/17/15). It might just be me, but how it displayed in my browser, it made it sound like the WAB was 1.1.0.1.

Version names of custom widgets will be changing often, no doubt. But it's great to see users like you sharing your work. Thanks.

I guess my comment was more that you need to specify what the version of your widget is. Similar to how Adam and Robert have done 1.1, 1.2, ...1.5, 1.5.1 for the LocalLayer. Confusin, but at least we know what version of the widget we are downloading. All the custom widgets are getting tweaks in pretty rapid precession. We may get to 1.99 on some before we get a true WAB 1.2

Tom, do you know if it's possible to temporarily turn off pop-ups when using the draw or your measure widget? When I try to use one of the tools that allow point-to-point segments and/or areas, my pop-ups continually seem to be in my way. I can close them each time and continue, but it sure would be nice if when those tools are selected, pop-ups are turned off, and as soon as the double-click stop collection, pop-ups are reactivated. Do you if that is possible? Maybe an enhancement to your widget?

SSuggested ....make transparency 50% or so, by default. I'm going to try to set this manually, but it might be a good addition ion to the widget.

also, I was testing on an iPad. Individual segments don't seem to give measurements, but the final still prints. Just FYI. I'm not sure if anything can be done about this or not, since I don't know what triggers iOS to work. Surely not a deal breaker for me.

Yes, I will plan on adding an opacity setting and let the users set their default starting transparency. I am also looking into adding better offset logic, adding user defined fonts and font sizes for the measurements.

I will look at how this functions on an iPad. I am not sure what will be possible...

Nice...I see your sample page has the opacity set to 50% now. Thanks for adding the test page.

just fyi - still not displaying segment measurements on polygon edges. (you probably already know that). Actually, it does not look like any of the line segment measures show on ipad (except total perimeter length for polygon/areas).

Another suggestion, <br> or other carriage return between the Square units and the perimeter distance.