Hi BuddyBoss team,
Request in short
Please add a native option to display private messages in a two-sided “chat bubble” layout—my messages aligned to the right, others to the left—across both BuddyBoss Platform (web) and the BuddyBoss App (iOS/Android), without requiring custom code or template overrides.
Why this matters
This layout is the de-facto UX standard in modern messaging (WhatsApp, iMessage, Telegram).
It improves readability, scannability, and user familiarity—especially on mobile.
Today it’s achievable on web with custom CSS and on the app with custom React Native code, but those solutions are brittle and add maintenance overhead after updates.
What we’re asking for (proposed solution)
Web (BuddyBoss Platform / Live Messaging)
A toggle in the Customizer or Messages settings: “Enable two-sided chat bubbles (mine right, others left)”.
Stable, documented classes/data-attributes in the message markup (e.g., a guaranteed “sent-by-me” or equivalent) so the feature can be styled reliably and remains upgrade-safe.
Built-in styles for:
Max bubble width (e.g., 70%)
Right/left alignment with proper border-radius “tails”
Time/read-receipt placement inside each bubble
Full RTL support (bubbles flip appropriately).
BuddyBoss App (React Native)
A corresponding toggle in App settings (no custom code required).
Theming tokens for developers (e.g., messageBubble.mine / messageBubble.theirs for background, border radius, spacing) so sites can match brand styles.
Works in 1:1 and group threads, including real-time/live messaging.
RTL support and accessible contrast defaults.
Developer hooks / extensibility (nice to have)
Web: filters/actions to adjust bubble structure and metadata (e.g., timestamps/read receipts) without overriding templates.
App: lightweight extension points to tweak message row layout while keeping the default alignment behavior.
Acceptance criteria (success conditions)
With the toggle ON, messages appear right/left on both web and app with no custom code.
Works with classic message threads and Live Messaging.
Supports RTL locales out of the box.
Theming variables/tokens documented for both web and app.
No breaking changes to existing customizers; defaults remain current behavior when the toggle is OFF.
Thanks for considering this—bringing native, consistent chat bubbles to both platforms would significantly improve UX and reduce custom maintenance for many communities.