http://www.williammalone.com/articles/create-html5-canvas-javascript-drawing-app/#demo-simpleI found this online to use but I have no idea if its possible to integrate into quickbase or whether quickbase supports html5. I am currently using Quickbase essentials.I want to have a field where users can draw or mark it and then have it save. Is this possible?

Yes it is possible to do but you have to use script. Once the canvas is rendered you have to convert the canvas the drawing was made on to a dataurl and save the dataurl in a QuickBase field. A dataurl is a specially constructed string that represents an image (eg png / jpeg) without any reference to a actual file. In other words the dataurl string takes the place of an actual file and fully represents the image. You can then construct a formula for the actual image markup like so: "<img src='" & [dataurl] & "'> The only think I am not sure about is what limitations the QuickBase essentials plan involves. You should upgade anyways because there isn't anything QuickBase can't do using script.

According to the site i can use javascript. I just do not know how to create the canvas in the formula text field. Second thing, how do i implement javascript in the field box.

I will probably create an example and post it over the weekend. I am not sure what steered you to that particular package but there are hundreds of libraries that allow you to draw on a canvas for every purpose from grabbing a signature to whiteboarding. The ability to convert a canvas to a dataurl is in a feature of the canvas element itself so you can do what I describe in any library that supports drawing on a canvas - and do it within QuickBase to boot.

Canvas To Image - New Recordhttps://haversineconsulting.quickbase.com/db/bj63jawfi?a=nwr Pastie Databasehttps://haversineconsulting.quickbase.com/db/bgcwm2m4g?a=dr&rid=445 I had to use another library named sketch.js: Sketch Libraryhttp://intridea.github.io/sketch.js/ The original example created by William Malone was more of a tutorial and had some hardcoded references and other features that did not make it portable. The author of sketch.js actually created his library after being inspired by William Malone's tutorial. This example could be greatly improved but the main takeaway is that any canvas creation library can be integrated with QuickBase and have the resulting image converted to an image and saved in QuickBase.

Can this be implemented on Quickbase essentials? Due to budget restrictions I was forced to work with this version of quickbase. The first link is exactly what I would need but I am not sure how to implement. Could you explain a little bit as to how that was created?

Is there a way for me to have a field act as a drawing canvas?

16 Replies

ZintJoseph
Qrew Captain
8 years ago
Dan

I know this is an older post, but could this be expanded to use an image as a back ground and write on top of the image and have that save as a file. And if I were to open the drawing up again, would I be able to see the last edits and add to them

So the premise would be to load a floor plan into a file attachment, open the floor plan and write notes anywhere on the plan that I wanted to and save that.
AdamKeever1
Qrew Commander
8 years ago
Looks like the skecth.js library is no longer available. Is it possible to use this technique with Jsignature so it is compatible on mobile?
JasonJohnson
Qrew Assistant Captain
8 years ago
Has anyone gotten this to work with a touchscreen? I have yet to figure it out.
- AdamKeever1
  Qrew Commander
  7 years ago
  There are service providers that have script that works just fine, but it is kind of like paying for a song and then paying royalties on the song every month you continue to listen to it. The services (add-ons) that use licensed script require a recurring fee.
  
  There are some open source signature/canvas script libraries, but I have not been able to get them up and functioning on my own due to lack of time available and lack of experience with executing script via Quick Base.
WilliamLandry1
Qrew Trainee
7 years ago
Has anybody found the answer to why the canvas clears on touch screen? I found that using two fingers works but it is not a clear drawing.

Forum Discussion

Is there a way for me to have a field act as a drawing canvas?

16 Replies

Related Content

Sketch / Drawing

Dashboards ~ Twelve Rows in the Development Canvas

Draw Choices From error?

Tables to Draw Formula Queries from: How Big is Too Big?

Is there a way we can draw a construction diagram in quickbase