The latest Home Assistant 2024.11 release, introduces a new default view – the Sections view (drag-and-drop). Previously in experimental mode, this view is now the new default for organizing your smart home interface. If you’re wondering how this impacts you, how to use it, or how to convert your existing views, this guide will walk you through everything step-by-step.
Table of Contents
What is the “Sections” View?
The “Sections” view is a new way to organize your Home Assistant dashboard. Unlike the old Masonry view, which laid out cards in a grid with limited customization, the Sections view allows you to:
- Drag and drop cards into customizable sections or columns.
- Fine-tune card layouts for better visibility and screen optimization.
- Duplicate existing views for safe experimentation without losing your original setup.
This update makes creating a cleaner, more personalized dashboard easier than ever.
Why Update to Home Assistant 2024.11?
To take advantage of this new feature, you’ll need to update to Home Assistant 2024.11 or higher. Without this update, the converter tool for switching to the Sections view won’t be available. Keeping your system up-to-date also ensures that you benefit from the latest features, bug fixes, and performance improvements.
Check the video tutorial if you wish
Don’t want to read anymore? No problems, check my video tutorial below and you’ll see the same things described here:
Step-by-Step Guide to Convert to the Sections View
1. Preparing Your Dashboard
Before converting, it’s a good idea to rename your current view for easy differentiation:
- Click the pencil icon on your view to edit it.
- Rename your current view (optional but helpful). For example, change the name from “Home” to “Masonry.”
- Go to your dashboard and click Done to exit any active editing mode.
2. Starting the Conversion
- Click the pencil icon on your Masonry view again.
- Change the View Type from “Masonry” to “Sections.”
- A Convert button will appear. Click it to duplicate your current view as a new Sections view.
Note: The original Masonry view remains unchanged. You’ll have two views: the old Masonry layout and the new Sections layout. - Click Create, and your new Sections view will be generated.
How to use the Sections Converter?
Renaming and Organizing
- Rename the new view to something like “Sections” for clarity (optional but highly recommended step).
- All existing cards from your old Masonry view will be available on your screen and you can pick them one-by-one.
- Start dragging and dropping cards into different sections to organize your layout.
- If a card doesn’t fit where you want it, for example: If there is a card too large and blocks your layout, do the following:
- Cut/Copy and Paste: Use the three-dot menu to cut or copy the card and paste it into the correct section.
- Paste it into the correct section or column using the “+” button and click on “Paste from Clipboard“.
Fine-Tuning with Precise Mode
One powerful new feature in the Sections view is the new Precise Mode, which allows detailed control over card widths. Here’s how to use it:
- Edit a Card: Click the pencil icon and go to the card’s Layout settings.
- Enable Precise Mode.
- Adjust the card’s width in smaller increments to fit your screen perfectly.
Tip: Use this mode to optimize your dashboard for specific devices, such as tablets or mobile phones.
Making the Sections View Your Default
To make the Sections view your default:
- Click the pencil icon on your dashboard.
- Drag the Sections view to the top left of the list to set it as the default.
- Click Done to save the order.
Now, every time you return to your dashboard, the Sections view will load by default.
Deleting the Old Masonry View
If you’re satisfied with the new layout:
- Go to the Edit View settings for your Masonry view.
- Select Delete View and confirm.
- Your dashboard will now use only the new Sections view.
Additional Features in the Sections View
The Sections view also includes:
- Badge Customization: Add badges for quick status indicators.
- Column Adjustments: Create multiple columns for better organization.
- Easy Reordering: Drag and drop cards to reorganize your layout at any time.
Benefits of the Sections View
The Sections view offers several advantages:
- Better Organization: Cards are neatly arranged in sections, making it easier to navigate.
- Drag-and-Drop Simplicity: Quickly adjust your layout without complex configurations.
- Screen Optimization: Customize card sizes and layout for different devices.
- Future-Proofing: With Masonry no longer the default, transitioning now ensures compatibility with future updates.
Final Thoughts
The new default Sections view is a welcome update for Home Assistant users, offering an intuitive, flexible, and visually appealing way to manage dashboards. Whether you’re starting fresh or converting an existing view, this tool is designed to make your smart home interface more user-friendly.
Are You Ready to Switch?
What do you think of the new Sections view? Will you use the converter to transition from the Masonry layout? Let me know your thoughts in the comments below!
P.S. Don’t forget to download my free Smart Home Glossary for tips and tricks on optimizing your smart home setup. You’ll also receive my weekly newsletter packed with updates, videos, and exclusive offers. It’s free, and you can unsubscribe anytime!
Let’s stay in touch – https://peyanski.com/newsletter
Sections? The idea is nice, but cluttering my dashboards with tiles? No-way.
The big missing part is (nested) building blocks in which you can combine all the wanted features of a device/room/floor.
Ok, I can manage with combining sections and stacks, but why do all the tile display features of entities disappear when using stacks?
Let’s see what the future will bring, now I’m not real happy.