Hi,
While using Bricks Builder, I encountered several usability issues. That inspired me to develop Gấu Bricks Child Theme, focusing on practical refinements:
1. “Popup” for the Color Palette selector:
- Problem: By default, the Color Palette is embedded in the Panel, which is cramped and inconvenient.
- Solution: I moved it into a separate Popup, much more user-friendly.
- I wrote a dedicated article about this earlier: Colors Palette Manager/Select in Popup Windows
2. Optimized element renaming in the Structure Panel:
- Problem: Renaming an element was cumbersome:
- Drag & drop could still be triggered unintentionally.
- Selecting text blocks for editing was difficult.
- No visual feedback to indicate “rename mode.”
- Solution: My refinements include:
- Blocking drag while renaming.
- Enabling smooth text block selection.
- Adding custom styling (color/format) to make the rename state visually clear.
- I also published a proposal about this: Improve element renaming in Bricks Builder’s Structure Panel
3. “Popup” for the Element Rich Text (Text Edit – TinyMCE):
- Problem: No fullscreen option and the default font was hard to read.
- Solution:
- Added Fullscreen mode for comfortable editing.
- Applied better fonts and styles for readability.
4. Panel Scrollbar:
Problem: Left/right panels have no scrollbar; users cannot manually scroll with a scrollbar when needed.
Solution:
- Enabled native browser scrollbars for both panels.
- Styled scrollbars to be slim and consistent with Builder UI.
- Added filter toggle for optional activation.
5. Vietnam Theme:
- To celebrate the 80th Anniversary of Vietnam National Day (Sep 2, 1945 – Sep 2, 2025), I added a small feature: an optional Vietnam Theme for Bricks Builder.
Thanks
