Skip to main content

💻 Layout

Using the layout settings, you can customize the apperance and layout of your Homarr instance.

Layout


Screen Sizes

Whenever you enter Edit Mode, a screen size indicator will appear at the bottom-right corner of the screen. You can use this indicator to see which screen size you are editing. To make your dashboard look the best, configure each screen size seperatly, making sure to save your changes before continuing to the next size.

To change the screen size you are editing, simply resize the browser.

Screen SizeBreakpointAmount of Columns
Large>1400px12
Medium>768px6
Small<768px3

Screen size

There are two sidebars available: right and left. Sidebars are additional spaces, that you can fill with apps or widgets - they do not support categories though.


An optional search bar can be added to your dashboard. It enables you to search for:

Search Box Switch


Docker Integration

The docker integration enables you to interact with your docker containers. Please note, that it requires some initial setup.


Pings

If you activate Pings, Homarr will send a HTTP/-S request to all your services on the page load. When the response code matches the expected status code, the ping indicator will be green. Otherwise, it will be red.

Pings

Example of an ping indicator:

Pings