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.
Changing the name of the existing view is recommended before you continue further
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.
This is how you can start the Masonry to Sections view converter
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“.
This is how the Sections Converter is looking like
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.
Precise mode allows you to fine tune the width of any card
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.
Your Sections view should be on the top left to act as default view
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.
This is how you can delete your old Masonry 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!
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.
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional
Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
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.