Once the user has finished customising, I need to display the resulting image on another page, but this is (so far) impossible.
The two obvious solutions would be to copy the image to another page or take a snapshot.
If I copy the image to another page then neither windows displays because the CSS/HTML attributes (height, width opener direction etc) must be unique for each window. I have tried renaming all the attributes so that the second window has unique names, it almost works, the sizing is OK but many features are broken. It is worth mentioning that the window is extremely complex. There are about 50 custom states and many hold dozens of variables, the window is a complex beast.
There is currently no screen capture software which can handle an image made from CSS/HTML. The result looks awful.
Has anyone got any suggestions because I am stuck on this?
Surely you can just recreate the elements on another page (or just copy the page)…
Obviously you’ll have to pass the relevant attributes to the second page (which presumably are all store in the database, so just a reference to the Object is all you need), and you’ll need to adjust your CSS values accordingly…
But other than that I can’t see why there should be any issue.
Do you have any links to preview pages or editor pages to take a look at to make things clearer?
I would be extremely grateful if you could have a look, thank you. I am going to clone the site and prepare a link for you.
Ideally a snapshot would be preferable because I need to show a smaller version of the window on several pages - I suppose I could have conditions on the main window to handle this, but ultimately the customer will want to print their window so at some point I need a clear snapshot.
Anyway, to recreate the elements on another page would be a huge step forward and allow me to effectively launch the app as this is about the final issue to solve.
UPDATE: I can’t clone the site because “This application is at its limit for number of Things in the database. Please upgrade your application to continue saving data”
hmmm, is there a way I can give you (only you) access to my app?
Ok, here’s where I am with this, any help much appreciated.
I am trying to create a feature on my website that allows users to take a screenshot of a specific area of the page and then save that image to my database. To achieve this, I have implemented the following steps:
I created an HTML element that allows users to take a screenshot using the ‘snap’ id.
I added a ‘save’ button to the page with the id “save-button”.
b. The second step creates a new “WindowFileImage” Thing in Bubble with the “file” field = dataUrl
c. The third step makes changes to the “WindowFileImage” Thing and sets the “file” field to file = dataUrl
I tested the feature and found that the image is not being saved to the database, I think the issue is the naming of the file = “dataUrl” (see image below). I guess I am not able to rename the image file when it is saved to the database, I don’t know how to do this?
I actual don’t know! I have zero experience with java and have been asking the chat AI for help. I’m completely lost/stuck. I have been trying to get a screen shot for about 2 months on and off so I am willing to even ask a robot now
All that said, I just purchased yet another plugin called Screenshot Generator, which was built using the html2canvas library, the same library I believe in the link above. Sadly the image it produces does not capture HTML shadows/bevel so it seems the html2canvas library is the same as every other plugin.
I now have no idea what to do, I can’t believe that I am unable to launch my app because I can not display an image on a different page! The image must be good, the entire app is literally for designing windows and so this is a crucial step.