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

ความคิดเห็น • 5

  • @sheshadrih7950
    @sheshadrih7950 16 วันที่ผ่านมา +1

    What is the use of picture uploader B?

    • @nocodewithvijay
      @nocodewithvijay  16 วันที่ผ่านมา

      We click the picture uploader B via javascript from the button.

    • @sheshadrih7950
      @sheshadrih7950 16 วันที่ผ่านมา

      on click button -->run js-->store id in pic uploader b

    • @nocodewithvijay
      @nocodewithvijay  16 วันที่ผ่านมา

      @@sheshadrih7950 ??

    • @sheshadrih7950
      @sheshadrih7950 15 วันที่ผ่านมา

      @@nocodewithvijay understood nice explaination