OneDrive & SharePoint MultiDrive Picker for Bubble
Plugin Description

This plugin facilitates the selection, downloading, sharing, and management of files directly from OneDrive (personal and business accounts) and SharePoint within your Bubble applications. It integrates with Microsoft Graph and MSAL for seamless, secure authentication, and offers advanced features such as view customization, API Workflow integration for individual file processing, and robust security measures. As a native picker, it delivers an optimized, fast, and reliable experience tailored to both administrators and end users. Additionally, it aligns with other native storage plugins such as Dropbox File Chooser, Box File Picker, and Google Drive Native Picker.

---

Key Features

• File selection from OneDrive/SharePoint through a customizable popup window.
  
• Supports multiple actions: downloading, sharing, moving, or simply selecting files.
  
• Automatic authentication using MSAL with account type detection (personal, business, or SharePoint) to obtain the correct token.
  
• Exposes states (URLs, IDs, thumbnails, dates, etc.) and triggers events to easily integrate with Bubble workflows.
  
• Advanced configuration for specific SharePoint paths (byPath), pivots (views), and multi-account management.
  
• API Workflow integration for saving individual files into the database (Schedule API Workflow on a List).
  
• Enhanced security and performance: validations, secure token storage, threat detection, caching, and retries.
  
• Compatible with other native storage plugins such as Dropbox File Chooser, Box File Picker, and Google Drive Native Picker.
  

---

Usage Instructions

1. Installation: Go to the Bubble Plugin Marketplace and search for "OneDrive & SharePoint MultiDrive Picker for Bubble". Install the plugin and add it to the page where you want to use the picker.
   
2. Property Configuration: In your Bubble editor, set up the basic properties like client_id (from your Azure app registration) and redirect_uri (default is something like: https://yourdomain.bubbleapps.io/version-test/onedrive). Configure additional parameters such as pick_action, theme, etc.
   
3. UI Customization: Bind the plugin’s exposed states (e.g., file_urls, file_ids, thumbnails) to dynamic elements and set up workflows to respond to events like picker_opened, file_selected, and error.
   
4. Automation with API Workflows: If you need to store or process files individually, use the “Schedule API Workflow on a List” action to map each file’s data to a backend workflow.
   
5. Azure Setup: Register your app in Azure Active Directory, enable the required Graph permissions (e.g., Files.ReadWrite.All, User.Read), and ensure your redirect URI in Azure matches your Bubble URL.
   

---

Configuration Table

Property	Description
client_id	The client identifier of your Azure-registered app for MSAL authentication.
redirect_uri	The redirect URL after login (default is your Bubble page + “/onedrive”).
pick_action	Defines the action to perform upon file selection: “download”, “share”, “move”, or “select”.
folder_to_open	Initial folder to display in the picker for OneDrive/SharePoint.
theme	Choose a visual theme (e.g., “default”, “dark”).

---

FAQ

• Which Graph permissions do I need in Azure? Generally, Files.ReadWrite.All and User.Read are required. Additional permissions may be needed for SharePoint depending on your organization’s settings.
  
• How do I store files in the Bubble database? Use the “Schedule API Workflow on a List” function with the file list exposed in a state such as selected_files. Map each file’s fields (file_url, file_id, etc.) to your endpoint parameters.
  
• Is the picker mobile-friendly? Yes, the picker is designed to work smoothly on both mobile and desktop browsers. Just ensure that pop-ups are allowed in the browser.
  

---

Support and Knowledge Base
For more information, examples, and troubleshooting guides, please visit: https://bubbleailabs.com/view-all/visual-elements-multidrive-picker-onedrive-sharepoint-plugin-for-bubble

---

Use Cases and Benefits of a Native Picker
Use Cases

• Personal Document and File Management: Ideal for document management applications or personal intranets where each user needs to access, organize, and share their personal OneDrive files centrally. This simplifies uploading and managing important documents without additional manual steps.
  
• HR and Recruitment Portals: In recruitment platforms, candidates can upload resumes, certifications, and portfolios directly from OneDrive, reducing errors and streamlining the document submission process.
  
• Collaboration and Remote Work Applications: Project management and collaboration tools that require secure file sharing benefit from a native picker, enabling teams to access and share documents without leaving the application, ensuring the use of the latest version.
  
• Content Management Systems (CMS): A CMS that allows users to create and update content (blog posts, webpages, portfolios) can integrate images, videos, and documents directly from OneDrive, centralizing resource management and simplifying content updates.
  
• Education and E-Learning Applications: Platforms where teachers and students share study materials, assignments, and projects can securely integrate educational resources stored in OneDrive, expediting material exchange and fostering online collaboration.
  
• Backup and Personal Archiving Solutions: For applications that help users back up or archive important documents, the picker automates file selection and processing, ensuring secure backups or data synchronization without manual intervention.
  
• E-Commerce Platforms: Online stores that need to associate files (manuals, technical sheets, product images) with each product benefit from the ability to select files directly from OneDrive, keeping information organized and simplifying content updates.
  

Benefits of Using a Native Picker

• Fast and Simple Integration: As a native component, it reduces development time and costs by eliminating the need to build a custom file selector from scratch.
  
• Consistent and Optimized User Experience: Provides a unified, intuitive, and adaptable interface that seamlessly integrates with Bubble workflows, reducing the learning curve and increasing user efficiency.
  
• Built-In Security and Reliability: Features validations, threat detection, secure token storage, and retry mechanisms that protect both user data and application integrity.
  
• Enhanced Performance and Optimization: Utilizes caching and batch processing techniques to ensure fast performance and a smooth experience even when handling large volumes of files.
  
• Advanced Automation Support: API Workflow integration allows for automatic storage and processing of files, reducing manual errors and enabling scalable backend processes.
  
• Centralized Maintenance and Continuous Updates: A single, centralized component simplifies maintenance, support, and updates, benefiting all applications that integrate it without needing individual modifications.
  

---

Demo, Videos & Support

  🌟 DEMO PREVIEW   🎥 VIDEO: OneDrive Personal   🎥 VIDEO: SharePoint / Business   📚 KNOWLEDGE BASE  

---

More Plugins by ANDAON (BubbleAI Labs)  
Explore more powerful Bubble plugins from our team:  
🧩 View All Plugins by ANDAON