[New Plugin]: Screenshot Element Pro - Showcase

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

逆袭的鸵鸟 · python opencv yuv 转 ...· 1 月前 ·

活泼的饼干 · 主题系统 | Ext JS 7.8.0 - ...· 3 月前 ·

要出家的签字笔 · 海棠文· 4 月前 ·

温文尔雅的火龙果 · python ...· 1 年前 ·

深情的手术刀 · <tuple>: correct ...· 1 年前 ·

We are excited to announce the launch of the Bubble plugin, Screenshot Element Pro!

FEATURES:

Generate screenshot of an Element by its ID

Generate screenshot of the the visible part of the screen

Generate screenshot of the entire page

Save in JPG or PNG

Generate URL from the screenshot

Download screenshot on the hard drive

Demo | Editor

Full Description & Documentation

We hope you enjoy using this plugin to add screenshot feature to your Bubble apps!

Plugin page:

Bubble

Although I’m not actually looking for a popup URL in my case, for some reason I do not get the URL popup but I can configure it to get the image downloaded. What I get is a small bit of text at the bottom left of the screen “Waiting for xxx.bubbleapps.io …” and “processing request” but no popup like on the demo site.

However, if the URL bit was working, I would prefer the ability to capture the URL instead of presenting it to the user in a popup. I’d prefer this option so that I can capture screen images periodically and use them in a repeating group to use as a sort of ‘live tile’ menu where a user can select the page by it’s image. I want to capture and store the image URL to a table in the database instead of making it a popup.

Hi Chris,

Thank you for your question!
Yes, you can generate a screenshot URL and save it into the Database. I’ve made a simple demo app here:

demo | editor

Check the workflow:

On the button click we capture the element by its ID and generate a URL:

When the URL is ready, we can save it to our Database table “ScreenshotURL”:

Don’t hesitate to ask any questions you may have

Screenshot Element Pro: Release v1.2.1

We continue improving all our plugins. In this release we bring a few important improvements for our Screenshot Element Pro plugin:

Added “Compress Quality” field (a numeric value between 0 and 100)

Important under-the-hood improvements to make the file generation faster

Minor bug fixes

Highly Improved Plugin Demo and Documentation

Hi @BubbleSam ! Is there a way to do these 2 steps on the same WF? I’ve found that the URL is not saved on the DB if the ‘Create a new ScreenshotURL’ step is on the same WF as the ‘Generate Screenshot’ … on my app I cannot have a 2-step user-action process

thanks!

Hi @jmbarquet , You have to use the URL Generated event to save the URL in the DB.

Here is a Demo and Editor .

Hey @BubbleSam , thank you yes I understand that, my issue is that I need to do those 2 steps on the same WF like this:

I would like to Generate the URL and save it in the DB in the same WF, not to have a separate button for each step.

Right now, doing it like this for some reason does not save the URL on the DB on the ‘Create new screenshot’ step.

jmbarquet:

I would like to Generate the URL and save it in the DB in the same WF, not to have a separate button for each step.

You do not need to have a separate button for each step. The URL Generated event is triggered automatically just like in our example.

Here is how it works:

Trigger the screenshot generation process (by clicking on a button for example)

Once the URL is ready, a special event ( URL Generated ) is triggered. You can use it from your Bubble Workflow to save the url in your Database

Hey there @phetxdphet ,

Yes, you can. When a screenshot is taken it’s saved to your file manager on AWS, then you need to simply save the URL of the file to your database for later use.

@BubbleSam actually demonstrates that here: [New Plugin]: Screenshot Element Pro - #12 by BubbleSam