[New Plugin Updates] Screenshot Image Generator

[alex4]

Hey Bubblers, I just made updates to “Screenshot Generator” — a plugin you can add to your app to take a screenshot of the (1) current screen, (2) entire page – above & below the fold, or (3) a specific element

The key features:

• You can save the image as PNG or JPG
• You can choose to take a screenshot of the current screen, entire page, or a specific element (by entering its HTML ID attribute)
• You can customize the name of the image file generated

Here are links to the run mode demo and editor mode demo.

Below are examples of each of the three "Screenshot Modes:"

1. Example of “Current Screen” screenshot:
   

   

2. Example of “Entire Page” screenshot:
   

   

3. Example of “Specific Element” screenshot:
   

As always, let me know if you have any questions or feedback!

Happy Bubbling,
Alex
TechBlocks

[abhi2]

Hi, I’m not able to use this on a mobile device. Why is that?

[alex4]

Hi @abhi2 – I’m able to take a screenshot on my mobile device (open demo on a mobile device here).

Could you share your editor or run-mode error that you receive?

Best,
Alex
TechBlocks

[akhella]

Hi

I purchased the plugin, but whenever I take a screenshot, even of just an empty group with a border, there is a whitespace inserted on the left hand side of the screenshot. (see attached)

Any idea why this is happening?

[alex4]

Hi @akhella — thanks for reaching out. I’m happy to take a look.

In order for me to troubleshoot the issue, I need to take a look at your configuration — can you please send me your run mode and editor mode links over DM?

Alex

[akhella]

@alex4 I was able to find the bug after trying different settings. The white space is inserted on the left if the plugin is added to a page with fixed width. Unchecking the fixed width box solved that.

[alex4]

@akhella great to hear! I’ll add this note in documentation.