🖼 Image Annotation - New Plugin from Zeroqode

[levon]

Image Annotation Plugin

This plugin enables image annotation (adding markers with text interactively). Here are full features:

• Adding a dynamic image as a background covering full width and full height of the visual element added on the page.

• Zooming in/out on the background image

• Dragging allowed if zoomed in (touch screen ready)

• Reading coordinates X and Y (both px and percentage) on mouse movements over the Visual element (exposed states)

• Reading coordinates data from Bubble App Type as markers on Visual Element “Canvas”.

• Clicking a marker on Visual Element “Canvas” triggers an event “marker_is_clicked” and reading Current Data Cell (Marker) from Bubble database.

• Clicking a background a on Visual Element “Canvas” triggers an event “background_is_clicked” with the ability to initiate some bubble actions on that event.
  

Image Annotation Plugin for Bubble

Levon Terteryan

Founder @ Zeroqode

Bubble Templates
Bubble Plugins
Bubble Courses
Convert Web to iOS & Android
No-code Development Services

[gnelson]

Hello,

I’m finding that this works on my pc, my iPhone, but not on my iPad using both safari and chrome.

Any other reports of this issue? What can be done to resolve this?

Thanks,
George

[gnelson]

@levon, Issue appears to have been with my iPad. It had an update available and after that was installed this problem went away.

I do have a question though, is there a way to stop that horrible flickering every time a pin is added, sometimes it’s only a single flicker, often it’s a double flicker.

Thanks,
George

[ZeroqodeSupport]

Hello there @gnelson, thank you for your report, our team will analyse it, meanwhile are you able so share with a screenshots of the issues, or a small video?

Thank you,
BR,
Nik.

[ZeroqodeSupport]

Hello @gnelson,

The updated version of the plugin with fixes of flickering was published. Please update the plugin to the latest version to have it working properly.

Best Regards,
Alex

[Bohemond]

Hi @levon and @ZeroqodeSupport,
I want to put the annotated images in a carousel with a repeating group and I have issues with the adjust height.
Some of the pictures are horizontal and others are vertical, and I don’t know how to make the vertical images to fit in the repeating group.
So far, when I click “yes”, the vertical pictures becomes too long compare to the horizontal ones, and when I click “no”, the vertical pictures are cropped.
Could it be possible to have an adjust width and do you have a way to share with us how to deal with it ?
Thanks !

[ZeroqodeSupport]

Hi, @Bohemond!

Thanks for reaching out!

To help you better, could you please clarify here a bit by providing the screenshots with the result and screenshots of how it should work for you.

Currently, the plugin works so: whenever you upload an image, this image will be displayed as it is. It means, if it is vertical, then obviously it should be longer then horizontal one. Basically, the image display in the repeating group does not depend on the plugin itself.

Best,
Zeroqode Team

[Bohemond]

Hi @ZeroqodeSupport,

Thank you for your quick reply.
Please find below two screenshots of two carousels. Each time, the first one is made with images, the second one with the plugin. For the image, on the run-mode-rendering option, I selected “rescale”, there were also “stretch” and “adjust element height”.

For the first example, the second carousel is made with the adjusted height (adjust=“yes”). The vertical picture is too long compared to the other ones.

For the second example, the second is made without the adjusted height (adjust=“no”) but then the vertical picture is cropped and the vertical picture is not vertically aligned.

Could you please add a “rescale image” feature to the plugin ? It would help to have the pictures vertically aligned too. Is there otherwise another way to solve this issue ?
Thank you in advance !

[ZeroqodeSupport]

Hi, @Bohemond!

Apologies for the slow reply

We have taken into consideration the possibility to add a rescale feature. We need to see how feasible it is to implement. Once we have relevant info with regards to this, we’ll get in touch. Thanks for understanding

Best,
Zeroqode Team

[Build-More]

@levon @ZeroqodeSupport We got error messages on a configuration where nor the data, nor the bubble setup had changed (whereas we didn’t have these issues last week on friday). Can your team have a look at what’s going on here or let us know what we can do from our end? It seems like an issue with zeroqode’s cors service? (cors-anywhere-zq.herokuapp.com)

[decision1]

We are getting the exact same error today on our app. I have contacted support for assistance.

[Build-More]

Just got a message from Igor & checked the error, this bug is fixed. Thanks @ZeroqodeSupport

[ZeroqodeSupport]

Hi everyone,

Thank you for your patience. The Dev team has resolved the issue on the Heroku service side, and everything should be up and running now. Please check and let us know if the issue is resolved and if the plugins are functioning as expected.

Wishing you a great Tuesday. Once again, we apologize for any inconvenience this may have caused.

Best regards,

Support Team
Browse all Zeroqode Plugins for Bubble