Empty layout/canvas has poor UX — needs "Add section" button, probably more

Created on 12 September 2024, 8 days ago

Updated 13 September 2024, 7 days ago

After the initial load, delete all the components from the canvas. If the user wants to add a new component/element, the "Add section" button should be visible on the canvas.
Please check the below image:
Starting from an empty canvas (which will be the case after 📌 Update default config to make a fresh install result in an XB UI with an empty canvas Fixed ) should be an inviting experience that encourages a user to start adding components. Currently, it's very far from that and actually just looks kind of broken.

Show "Add section" button is the absolute minimum.
Better: Introduce a special case/design for when editing a page that doesn't yet have any components on it. There should be empty UI designs for both the layers panel and the preview itself.

Current, poor UI

✨ Feature request

Status

Active

Component

Page builder

Created by

🇮🇳India Shyam_Bhatt Gujarat

Live updates comments and jobs are added and updated live.

Comments & Activities

Issue created by @Shyam_Bhatt
Comment 7 days ago →
🇬🇧United Kingdom jessebaker
wim leers → credited jessebaker → .
Comment 7 days ago →
🇧🇪Belgium Wim Leers Ghent 🇧🇪🇪🇺
@jessebaker reported the same problem ~2 hours later: ✨ Improve UI for empty states - Empty layout Closed: duplicate . Closed that as a duplicate.

Transfered what he wrote and merged it with @shyam_bhatt's write-up 👍
Comment 7 days ago →
🇧🇪Belgium Wim Leers Ghent 🇧🇪🇪🇺
Related: #3472299-17: Update default config to make a fresh install result in an XB UI with an empty canvas → .

Production build 0.71.5 2024