Drawing: Control size by initial value

A Drawing field might look too big on mobile devices.

You can control the size by using an initial value like:
"https://placehold.jp/ffffff/ffffff/1x1.png"
This will insert a white image with the size 1x1 pixel.
Now the Drawing field is smaller.
3X_4_1_414bcf2b4a22a115c800b4c88c3d95882ff46249.png

If you want it to be a Required field, you have to add a Valif If expression:
[_THIS]<>"https://placehold.jp/ffffff/ffffff/1x1.png"
And an Initial value error like:
โ€œImage is requiredโ€
So the user has to โ€œTap to unlockโ€.

Iโ€™m using this for taking images and annotate on them.

If the Drawing column is not required but you donโ€™t want to store the initial value you can have an event action on form save.
Action type Data: set the values of some columns in this row
Set the column [Drawing] to "".
Only if this condition is true: [Drawing]="https://placehold.jp/ffffff/ffffff/1x1.png"
This will erase the dummy image after saving the form.
But in this case you should also use a Reset on Edit expression:
ISBLANK([_THIS])
This will put in the dummy image in again when you edit the row.


For the initial value you can also use a base64 image like:
โ€œdata:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAMSURBVBhXY/j//z8ABf4C/qc1gYQAAAAASUVORK5CYII=โ€
This is the base64 code for a transparent png with the size 1x1 pixel.

Or you can use an image in your folder structure like:
"Signature_Images/dummy.png"
But in this case you have to disable โ€œRequire Image and File URL Signingโ€. And it will take some time to load.

Or you can use an image like https://image.flaticon.com/icons/png/128/45/45010.png.


I was inspired from another idea I had:

13 3 1,174
  • UX
3 REPLIES 3

Thank you!

Thank you, I'd like to add auto date-time stamp on image. Could you recommend?

Great! I'm gonna try it. Thanks

Top Labels in this Space