MARKETPLACE
PLUGINS
PLANFLOW (FREE)
PlanFlow (Free) logo

PlanFlow (Free)

Published December 2025
   β€’    Updated December 2025

Plugin details

PlanFlow (Free) brings the power of FullCalendar V6 to your Bubble app with a polished, modern design out-of-the-box. πŸš€
Unlike standard calendars, PlanFlow offers a "Pixel Perfect" UI (V2.5) with rounded buttons, Inter font, and a clean grid system that looks great on any screen size. It is engineered to be robust, handling dynamic data updates and resizing without glitches.

✨ Key Features:

4 Views: Month, Week, Day, and List view.

🎨 Modern UI: Styled like Google/Apple Calendar with a customizable Theme Color.

🧠 Smart Time-Awareness: Intelligently detects if a user clicked a specific time slot (e.g., 14:30) or a whole day (Month view), allowing for precise workflow logic.

πŸ“… Explicit "All Day" Support: Connect a Yes/No list from your database to perfectly control which events are "All Day" and which have specific times.

🌍 Localization: Supports dynamic languages (en, pt, es, fr, etc.).

πŸ“± 100% Responsive: Automatically adjusts to the container width (Mobile & Desktop ready).

⚑ Events & Interactions:

  - Trigger workflows when an existing event is clicked (event_clicked).

  - Trigger workflows when an empty slot is clicked (date_clicked).

  - Access the clicked data via States (clicked_event_id, clicked_date, is_all_day).


Demo Test: https://demo-app-56978.bubbleapps.io/version-test/planflow_free/1766157408747x832400642385903900

Editor: https://bubble.io/page?id=demo-app-56978&tab=Design&name=planflow_free

Free

For everyone

stars   β€’   0 ratings
2 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

NoCoddo logo
NoCoddo
Joined 2025   β€’   57 Plugins
View contributor profile

Instructions

πŸš€ QUICK SETUP GUIDE:
1. Database Setup πŸ—„οΈ Ensure your Data Type (e.g., "Event") has:

  - Start Date (Date)

  - End Date (Date) - Optional

  - Title (Text)

  - Is All Day (Yes/No) - Optional

  - Color (Text) - Optional (Hex code)


2. Element Layout (Important!) πŸ“

Place the PlanFlow element on your page.


Layout Tab:

Uncheck ❌ "Fit height to content" (This is crucial!).

Set a βœ… Min Height (e.g., 600px).

Set Width to infinite (max) if you want it to fill the screen.

3. Data Configuration πŸ”— In the element properties, map your lists:

  - Start Dates: Search for Events:each item's Start Date

  - End Dates: Search for Events:each item's End Date

  - Titles: Search for Events:each item's Title

  - Event IDs: Search for Events:each item's Unique ID (Required for clicks!)

  - Is All Day: Search for Events:each item's Is All Day

4. Handling Clicks (Workflows) ⚑

πŸ…°οΈ To Edit an Event:

  - Trigger: "PlanFlow A event_clicked"

  - Action: Show Popup (Display data using PlanFlow A's clicked_event_id).

πŸ…±οΈ To Create an Event (Smart Logic):

  - Trigger: "PlanFlow A date_clicked"

  - Scenario 1 (Specific Time): Use "Only When" PlanFlow A's is_all_day is "no".

  - Result: User clicked "14:30". Open popup with date AND time pre-filled.

  - Scenario 2 (Full Day): Use "Only When" PlanFlow A's is_all_day is "yes".

  - Result: User clicked a Day in Month View. Open popup with just the Date pre-filled (set default time to 09:00 or hide time input).

Types

This plugin can be found under the following types:
Background Services   β€’   Element   β€’   Event

Categories

This plugin can be found under the following categories:
Productivity   β€’   Calendar   β€’   Technical   β€’   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble