Issue With Saved Custom Stamps With White Text

Technical Support
1

Which product are you using?
PDF.js Express Plus

PDF.js Express Version
UI Version = 8.7.0
Core version = 8.7.5

Detailed description of issue
I am trying to store custom rubber stamps on a database as a string to use them again at a later time. When I use the string to populate the custom stamp drop down, entries that were saved with white text are missing the text. This doesn’t appear to be the case with the stamps with black text.

image
image242×283 10.3 KB

Expected behaviour
I expect to see the white text on the stamp.

Does your issue happen with every document, or just one?
Every document

Link to document
N/A

Code snippet

const stampTool = instance.Core.documentViewer.getTool('AnnotationCreateRubberStamp');

function saveStamps() {
    const customStamps = stampTool.getCustomStamps();
    const deepClonedSignatures = JSON.parse(JSON.stringify(customStamps));
    const valToSend = JSON.stringify(deepClonedSignatures);
    saveStampsToDatabase(valToSend);
}

function setCustomStamps() {
    const parsedString = JSON.parse(getStampsFromDatabase());
    stampTool.setCustomStamps(parsedString);
}
3

Hi there,

Could you verify the parsedString before using the setCustomStamps API? I can use the 255, 255, 255 white text for custom stamps:

const stampTool = instance.Core.documentViewer.getTool('AnnotationCreateRubberStamp');
const parsedString = [ { "title": "Sample Text", "subtitle": "DD-MM-YYYY", "color": Core.Annotations.Color(255,255,255) } ]
stampTool.setCustomStamps(parsedString);

image
image2914×1604 453 KB

best regards,
kevin

4

Could this be an issue with stampTool.getCustomStamps()?

When I checked the array that was being returned it had a different structure. I received a textColor object that contains RGBA values. When I tried the demo app using this I saw the same problem.

[{"title":"Draft","subtitle":"[$currentUser] DD/MM/YYYY h:mm A","id":"","font":"Helvetica","bold":true,"italic":false,"underline":false,"strikeout":false,"textColor":{"R":255,"G":255,"B":255,"A":1}},{"title":"Draft","subtitle":"[$currentUser] DD/MM/YYYY h:mm A","color":"#D65656","id":"","font":"Helvetica","bold":true,"italic":false,"underline":false,"strikeout":false,"textColor":{"R":255,"G":255,"B":255,"A":1}},{"title":"Draft","subtitle":"[$currentUser] DD/MM/YYYY h:mm A","id":"","font":"Helvetica","bold":true,"italic":false,"underline":false,"strikeout":false,"textColor":"#000000"}]

image
image1906×777 106 KB

When I changed the textColor item to a hexadecimal string then it worked.

[{"title":"Draft","subtitle":"[$currentUser] DD/MM/YYYY h:mm A","id":"b0bda7b8-cd6a-2d06-55d5-ffec68eaf55a","font":"Helvetica","bold":true,"italic":false,"underline":false,"strikeout":false,"textColor":"#FFFFFF"},{"title":"Draft","subtitle":"[$currentUser] DD/MM/YYYY h:mm A","color":"#D65656","id":"5a547608-b2eb-20e3-b780-8ed2ff114646","font":"Helvetica","bold":true,"italic":false,"underline":false,"strikeout":false,"textColor":"#FFFFFF"},{"title":"Draft","subtitle":"[$currentUser] DD/MM/YYYY h:mm A","id":"84df5c10-f215-4a51-541e-90800789307e","font":"Helvetica","bold":true,"italic":false,"underline":false,"strikeout":false,"textColor":"#000000"}]

image
image1897×745 103 KB

Is there a setting that I can change to receive hexadecimal values for colours from stampTool.getCustomStamps()? Is there a different way I should approach this?

5

Hi there,

If I create a custom stamp with white text, save it with getCustomStamps and then delete it from the UI, I can use setCustomStamps API and see the stamp added back with the white text so there shouldn’t be an issue there.

image
image2542×1406 453 KB

The textColor property for the stamp has #FFFFFF

The color can also be derived from our Color class via Core.Annotations.Color:

You can use the toHexString() API in that class to convert to a hex string as an alternative.

best regards,
Kevin