Skip to Content
Technical Articles
Author's profile photo Srikanth KV

UI5 library Signature control

A common scenario in Business applications for web is to draw signature or show signature on the screen. I couldn’t find any control in UI5 library for this, so created a signature control.

Source code: https://github.com/kvsrikanthj/ui5-library-Signature

Sample: https://ui5lab.io/browser/index.html#/Samples/ui5.sign/Sample/ui5.sign.Signature.Signature

Sample control is hosted on UI5Lab

UI5 Signature control internally uses d3 library so that it can provide smooth curvature to the mouse pointers.

With this control there is an option to change background color, pen color, pen size and disable the control for user input.

Convenience methods getSVGString can be used to retrieve the generated SVG path based on user input and setSVGString is helpful in setting the SVG string onto the screen.

More about the control API/properties can be found here.

Refer to this documentation on how to consume the library.

https://blogs.sap.com/2018/04/06/consume-libraries-from-ui5lab/

or

https://ui5lab.io/docs/#/how_to/consume_library

Assigned Tags

      1 Comment
      You must be Logged on to comment or reply to a post.
      Author's profile photo Mathew Davis
      Mathew Davis

      Hi  Srikanth KV ,

      Its a great blog, thank you for sharing it.

      Does this support for UI version 1.44.7?

      I am getting below error while testing, would you please help me out.

      Can't find object class 'ui5.sign.zcuslibsign.Signature' for XML-view - XMLTemplateProcessor.js

       

      Regards