[New Plugin Updates] Screenshot Image Generator

adambailey · 2022-06-19T19:22:23.231Z

Hi @alex4 Great Plugin, Its working great for me… However, one small issue. It doesnt save any photo thats are in the page, only text and other elements. Can you help please? Thanks, Adam

oli1 · 2022-07-02T17:21:43.180Z

Hi Alex,
I’m getting some weird results in my screenshots. It looks like it’s not working for several types of content:

Multiline inputs (textareas). What I see is just the first line of the text in the textarea, cut off and not wrapping.
Images: The images on the page are in reusable elements, not sure if that helps to debug
Rendered styles: there are some rendered CSS styles that look like they get reset in the screenshot.
General color mismatches
Iconify icons not showing up

The first image below is what the page looks like, and the second is the screenshot. As you can see there is a huge difference.

presflow-actual2000×1157 258 KB

screenshot1728×1003 119 KB

Do you know what’s happening? It’s really not useable in this state.

alex4 · 2022-07-12T00:20:13.073Z

@oli1 @adambailey @jeffmccutcheon thanks for reaching out and sharing the issues about the images not capturing properly! This was due to some changes to the Bubble engine (for CORS issues). I’ve updated the proxy to the compatible with the new Bubble changes and it should be working properly now. Please take a look at the demo page and let me know if you notice otherwise!

oli1 · 2022-07-16T05:20:50.499Z

Thanks Alex, will do!

fernando2 · 2022-12-24T15:57:20.258Z

Not working well for Element IDs… capturing the wrong sectio of the page (its a group within a floating group)

darren.james7518 · 2023-01-28T23:42:50.218Z

No better than free plugins because it fails to capture shadow or bevel. See on left the original and on right the capture. No good
Screenshot 2023-01-28 233933

jeffatseg · 2023-02-05T05:44:51.404Z

Does your plugin still not capture iframe content?

Andy_i · 2023-03-27T14:14:29.209Z

Hey @alex4 is it possible to add a “make generated img private” option in the workflow action?

This would save us having to add extra workflows to grab the base 64, then run the base 64 through a file upload api to make it private, and then delete the original img.

Thanks dude!

Andy_i · 2023-03-27T14:29:19.767Z

@jeffmccutcheon thank you for the suggestion, solved my image issues!

jeffmccutcheon · 2023-03-27T15:01:54.969Z

you’re welcome although somehow my issues appear and disappear at random even after moving to base64.

ianc1964 · 2023-05-09T06:13:30.231Z

Hi, will this screenshot a video pane?

christo1 · 2023-06-10T20:31:33.839Z

Hi @alex4, I use your Chart Plugin and now got your Screenshot plugin as it is in your demo is able to screenshot your charts, which the other plugins don’t seem to be able to do. However, I have an issue: if I use your chart with custom point images, the chart does not show up. (I use 0.5 point scale for these images) . I am trying to capture the screenshot of an element here.

image1360×759 228 KB

It works when I avoid using custom point markers, but this is not how audiograms are represented, so has limited benefit. (This is also why I paid you some private fees to make these possible and also bring Span gaps to your chart plugin).

image1213×683 192 KB

You’ll notice the chart is overlayed on top of some images and groups in a fixed group. Please help as this functionality is critical in finishing my app feature.

christo1 · 2023-06-15T02:33:15.572Z

@alex4 Any Update?

alex4 · 2023-06-15T02:55:19.953Z

Hi @christo1 apologies for a few day delay here, gearing up for my wedding next week!

Screenshot plugin as it is in your demo is able to screenshot your charts, which the other plugins don’t seem to be able to do.

Yes, the TechBlocks screenshot plugin uses a proxy to circumvent DNS issues, which is why it is able to take screenshots of assets hosted without cross-origin sharing!

However, I have an issue: if I use your chart with custom point images, the chart does not show up. (I use 0.5 point scale for these images) . I am trying to capture the screenshot of an element here.

Hmm… strange. I can look into this tomorrow–can you PM me a link to your editor?

Thanks!
Alex

christo1 · 2023-06-15T02:59:28.773Z

Thank you Alex! Congratulations on your upcoming wedding. I hope everything goes as planned. I will PM you a link to the editor. I am just not sure what kind of link though as the app is private. How will you get in there?

alex4 · 2023-06-15T03:30:29.105Z

I’ll PM you details

ianc1964 · 2023-06-30T06:17:00.164Z

Hi Alex,
I’m reading this with interest. Trying to get an option to capture an image from a playing video. Would this plugin do this?
Kind regards,
Ian

jpayne · 2023-11-11T16:28:34.002Z

Sent you an Email. This plugin doesn’t work with dynamic images that are added after the page is loaded. Doesn’t work in your Bubble demo application either if you upload an image and then do a screenshot of it. Just a blank image appears. Is it possible to fix this issue?

devin.r.andrews · 2024-02-02T19:15:21.120Z

Is it possible to save this screenshot to a data field in my database?

alex4 · 2024-02-03T01:42:46.705Z

Is it possible to save this screenshot to a data field in my database?

Hi @devin.r.andrews absolutely! There is a state on the element that publishes the URL of the image generated. Use that to url to save the image. You can see more details in Step 4 and 5 here: https://tech-blocks.bubbleapps.io/?tab=Screenshot-Generator&instructions=yes