{"id":1913,"date":"2025-02-21T19:00:55","date_gmt":"2025-02-22T03:00:55","guid":{"rendered":"https:\/\/dependentmedia.com\/?p=1913"},"modified":"2025-03-18T16:01:58","modified_gmt":"2025-03-18T23:01:58","slug":"image-marker","status":"publish","type":"post","link":"https:\/\/dependentmedia.com\/image-marker\/","title":{"rendered":"Image Marker"},"content":{"rendered":"\n

\n\t\tImage Marker for Gravity Forms\n\t<\/h2>\n\t\t\t\n\t\t\t\t\t\tShort Sample\n\t\t\t\t\t<\/a>\n\t\t\t\n\t\t\t\t\t\tLonger Sample New Patient Form\n\t\t\t\t\t<\/a>\n\t\t\t\n\t\t\t\t\t\tBuy Now\n\t\t\t\t\t<\/a>\n\t\t\t\n\t\t\t\t\t\tComplete Custom Form Price\n\t\t\t\t\t<\/a>\n\t

Ask about our discount bulk pricing here<\/a>.<\/p>\n\t

Interactively mark specific points on an image<\/h3>\n

We’ve developed a custom Gravity Forms field called Image Marker, designed to enhance form functionality by allowing users to interactively mark specific points on an image directly within a form. This field is perfect for scenarios where visual input is valuable-think marking pain points on a medical diagram, indicating locations on a map, or highlighting areas of interest in a photo. It’s built to integrate seamlessly into the Gravity Forms ecosystem, providing an intuitive experience for both form administrators and end-users.<\/p>\n\tWho Needs It, What is it for?\n\tDoctors, for medical notes.
\nMedical Recording, Interactive Patient Form.
\nMedical Patient Onboarding Tool\n\t

https:\/\/dependentmedia.com\/wp-content\/uploads\/2025\/03\/ae_Screen-Recording-2025-03-18-at-11.57.42\u202fAM.mp4<\/a><\/video><\/div>\n\t

Key Features<\/strong><\/p>\n

Here’s what makes the Image Marker field stand out:<\/h3>\n
    \n
  • Interactive Marking: Users can click on an image to place marks-visualized as small indicators like red dots-and the coordinates of these marks are captured and stored for processing.<\/li>\n
  • Mandatory Input Option: Administrators can set the field as “Required,” ensuring users add at least one mark before submitting the form. If no marks are added, a validation message prompts the user to engage with the image.<\/li>\n
  • Customizable Settings: In the Gravity Forms editor, form creators can configure the field by selecting the image, setting canvas dimensions, and applying options like CSS classes or conditional logic for a tailored setup.<\/li>\n
  • Processed Output: After submission, the marks are scaled to the original image size, drawn onto the image (e.g., as red dots), and saved as a new file linked to the form entry.<\/li>\n
  • Email Integration: The marked image is automatically included in Gravity Forms’ email notifications, so recipients can see the user’s input right in their inbox.<\/li>\n
  • User-Friendly Design: The field blends naturally into Gravity Forms, appearing as a standard field type with its own settings and validation, making it easy to use for everyone involved.<\/li>\n
  • Real-Time Interaction: Front-end JavaScript powers the interactive experience, capturing clicks on the image and storing coordinates in a hidden input field for submission.<\/li>\n<\/ul>\n

    If you are interested in the plugin please get in touch with us.<\/p>\n

    \n\t\tScreenshots of the back end interface\n\t<\/h2>\n

    \n\t\tUse any image you like for your form\n\t<\/h4>\n\t

    We built a new type of form field where you can leave detailed marks. Try clicking on the silhouettes and submit the form.<\/p>\n

    (DEMO) New Patient Questions<\/h2>\n \n
    \n
    Name(Required)<\/legend>\n \n