Change InkSketch InkColor

[smithme]

What is the syntax to change the InkColor of an InkSketch control?

I have tried:
$('.sketch').InkColor(clr);

And:
$('.sketch').css('color', clr);

Neither worked.

[smithme]

I found the fd_inkcolor attribute. I have tried:
var clr = $(this).css('background-color');
$('.sketch').data("fd_inkcolor", clr);

It still isn't working.

[Nikita Kurguzov]

Hello!
Simply use this code and don't forget to change CSS class to the class of your InkSketch control:

Code: Select all

$(".CSSclass").attr("fd_inkcolor", "#ff0000");

[smithme]

Of course. Thanks.

[smithme]

I used your code and it works. I can watch the dom in the browser and the fd_inkcolor is changing but when I draw on the control it still only draws in black. Is there something else I need to do for the ink color change to take effect?

[Nikita Kurguzov]

Yes, the code indeed doesn't change the pen color dynamically, it only applies when the canvas is being created.

In order to change it dynamically, please use:

Code: Select all

var signaturePad = $('.CSSclass').data('signaturePad');
signaturePad.penColor = 'rgb(66, 133, 244)';

[smithme]

This is awesome. Thank you.