Bootstrap for Responsive Design and Phone Camera Uploads in Events

[yourguide]

I was wondering if anyone has thought about adding Bootstrap to this application so it formats responsive on mobile devices while still looking great on desktops?
Also I was wondering if the TinyMCE HTML editor could be extended to allow for uploads to events using your phones camera as a source? It would sure be handy to include a snapshot of something I wanted to remember for an event... after all a picture is worth a thousand words. :)
Love the Calendar BTW... been using it for years!

[craigk5n]

Hi @yourguide — thanks for the kind words! Quick status on both:

Bootstrap / responsive design: Partly there. The main app has been on Bootstrap (currently 4.6) since the bootstrap-ui branch was merged, and we've shipped several mobile-specific fixes in recent releases:

• fix: keep Month/Week/Year horizontal on iPad portrait
• fix: custom template HTML save, Firefox select font, mobile minicals
• fix: navbar collapse breakpoint, dual-collapse toggle

The new wizard installer is already on Bootstrap 5.3, but the main app is still on 4.6 — moving it to 5.x is on the to-do list (Dependabot has had a PR open for that for a while; it just needs careful regression testing across all views).

If you're on an older release, upgrading to v1.9.16 will get you the current mobile layout. If you're on the latest and still seeing rendering issues on a specific device, please open an issue with a screenshot — I'd like to know.

Phone camera uploads: Partly there, partly not.

WebCalendar already supports file attachments on events (admin → event → Attachments). On mobile, you can already tap the file picker and choose a photo from your gallery. What's not yet wired up is the capture="environment" attribute on the upload input, which would make the phone open the camera directly instead of the gallery. That's a one-attribute HTML change and a reasonable enhancement — I'll file it as an issue.

True inline image insertion from inside the TinyMCE editor (rather than as a separate attachment) is a bigger lift — it requires a server-side image upload endpoint so TinyMCE doesn't embed base64 blobs into the DB. Not impossible, but more than a quick win.

Side note: If you're open to running WordPress, I just released a from-scratch WordPress version of WebCalendar that handles both of these nicely out of the box — modern responsive React UI, and image attachments via the WordPress Media Library (which already supports camera capture). Discussion here: #645, or directly at https://wordpress.org/plugins/agenticdaisy-calendar/.