Day 55/100 : Enhance User Experience in Bubble - Create a Picture Uploader with JavaScript
ฝัง
- เผยแพร่เมื่อ 10 ต.ค. 2024
- I help SaaS founders & entrepreneurs build web apps with Bubble, cutting development time by 50%. Ready to bring your idea to life faster? Schedule a call today - vijayk.me/#inq...
In this video, we explore how to enhance your Bubble app's user experience by improving the default picture uploader element.
We'll cover:
✔️ How to create a cleaner, user-friendly upload button
✔️ Using just two lines of JavaScript to achieve this!
✔️ Call the JS code below when the button is clicked:
function clickUploadElement() {
document.getElementById("picture").getElementsByTagName("input")[0].click();
}
clickUploadElement();
📚 Resources:
100 Days of Bubble Series Playlist - • 100 Days of Bubble Series
Follow me on LinkedIn - / vijayku
#bubble, #bubbleio, #100daysofbubble, #userexperience, #javascript, #appdevelopment, #webdevelopment, #nocode, #imageuploader, #uxdesign
What is the use of picture uploader B?
We click the picture uploader B via javascript from the button.
on click button -->run js-->store id in pic uploader b
@@sheshadrih7950 ??
@@nocodewithvijay understood nice explaination