Visual Elements

System is looking for solutions in Knowledgebase, Blogs, AI, and other places

Step 4: Add the Google Picker Element to Your Page

Once the plugin properties are configured, it’s time to add the Google Picker element to your Bubble page and set it up to interact with users.


4.1. Access the Bubble Design Editor

  1. Go to the Bubble Editor :

    • From your Bubble dashboard, select the application and click "Edit" to access the Design Editor.


4.2. Add the Google Picker Element

  1. Open the Elements Panel :

    • In the left panel, click "Visual Elements" to view the list of available elements.

  2. Select the Google Picker Element :

    • Scroll down to find the Google Picker element you installed.

    • If you can’t find it, use the search bar within the elements panel.

  3. Drag and Drop the Element :

    • Drag the Google Picker element to the desired location on your page.

  4. Adjust Size and Position :

    • Configure the size and position of the element according to your design needs.


4.3. Customize the Appearance (Optional)

  • Button Style :

    • You can customize the style of the button that will open the Picker to match your app’s design.

  • Button Text :

    • Change the button text (if the plugin allows it) to clearly indicate its purpose, for example:

      • "Select Files"

      • "Upload from Google Drive"


Was this page helpful?

Thank you for your feedback!

Comments (00)

Leave a comment

Sign in to post your comment or Sign Up if you don't have any account.

Ai Replying

We use cookies to enhance your experience on our website. By continuing to browse, you agree to our use of cookies. Learn more in our Privacy Policy

Accept All Reject All

Support, Knowledgebase, Live Chat, and CRM.

Get In Touch

Need More Help