Signature field for touch device

[daniel_h]

Hello Isomorphic Team,

Version: SmartClient Power (latest)

We have the requirement to include a signature field in one of our pages.
Could be part of a form, but not a must.
If it is easier to implement outside of the form, it's fine as well.

Basically the page renders an acceptance protocol which needs to be signed (via touch device).
The signature can then be stored as image for example.

I have not found a specific component doing that,
also I have not found a kind of "free draw" component.

What would be the best approach for implementing this requirement?
What might be a suitable base component to start with ?

Would be the integration of a 3'rd party component like for example jSignature (JQuery based) also ok?

Thank you for any advice.

Best regards,
Daniel

[Isomorphic]

You could implement this using a DrawPane and responding to mouse events by creating DrawItems under the cursor. We haven't tried this, so there might be quite a few details to get right - for example, you don't get mouseMove events for every pixel of movement, so it would probably be necessary to create shapes that reflect the motion from the previous mouseMove coordinates to the current ones, join them smoothly with previous shapes, and so on.

Using a third-party component for this could also make sense, especially since there will be no requirements around keyboard accessibility, skin-matching, z-layering, modality, etc, which are usually the areas that make integration of third party components difficult.