Forum Discussion

OanaWhalen's avatar
OanaWhalen
Qrew Cadet
6 years ago

Dynamic Image Snapshot

I have a dynamic slider bar that has the slider position adjusted based on a formula result in my form. Once this is created, I would like to have a snapshot of the image taken and saved as a file attachment. I'm fine with having to push a button to save the image or something along those lines and assume some coding would be required, but don't know where to even begin with this. My ultimate goal is to get this image populated into a file created using the Exact Forms Plus add-on.


------------------------------
Oana Toma
------------------------------
  • Can you explain how the image is generated?  Can we just save the values which create the image, as a start?

    ------------------------------
    Mark Shnier (YQC)
    Quick Base Solution Provider
    Your Quick Base Coach
    http://QuickBaseCoach.com
    mark.shnier@gmail.com
    ------------------------------
    • OanaWhalen's avatar
      OanaWhalen
      Qrew Cadet
      Mark,

      Here is the formula inside my Formula - Rich Text field that creates and displays the image. 

      var text marker = "IMAGE URL";
      var text scalebar = "IMAGE URL";

      var number markerpos = [Rank]/[Total];

      "<div>" &
      "<img src=\"" & $scalebar & "\"; style='height:20px; width:275px; position:absolute; z-index:1'/>" &
      "<img src=\"" & $marker & "\"; style='height:20px; width:5px; position:relative; left:" & $markerpos & "px; z-index:2'/>" &
      "</div>"

      ------------------------------
      Oana Toma
      ------------------------------
  • If you are using the Juiced Exact Plus Forms Add On have you tried pointing the image identifier at this field.

    I believe the format would be

    i:123:400

    that means to look at the image in field 123 and set the width to be 400.


    ------------------------------
    Mark Shnier (YQC)
    Quick Base Solution Provider
    Your Quick Base Coach
    http://QuickBaseCoach.com
    mark.shnier@gmail.com
    ------------------------------