Customize UI/ Frontend design

Configuration
1

Is it possible to customize the user interface or frontend design/template? If yes, is there any guide to do that?

2

Not possible at the moment. See 774.

3

thanks. can’t i even modify the CSS? I am not talking about making it to look something like this; https://www.youtube.com/watch?v=176YaM5jta4

4

The frontend uses Polymer. I suggest that you have a look at the Polymer docs and the frontend repo.

5

ok thanks.

If I SFTP into my Raspberry Pi, where do I go to start edit things?

6

Have a look at https://home-assistant.io/developers/frontend/ and keep in mind to use development: 1 and to rebuild the frontend with script/build_frontend after your changes.

7

This is definitely NOT my area of expertise, but would it be possible to create a webpage that would work as a mini dashboard for specific items? For example, I have an old android phone mounted in my kids’ rooms that only allows them to have control over items I have decided they need. Currently, I am using Smarttiles to accomplish this with Smartthings, but something that allows this in HASS would be great!

8

No control, only display:

9

What you could do is if you know HTML, CSS, and JavaScript, you can build a frontend yourself and have your custom frontend communicate with Home Assistant’s built-in REST API.

You can have several pages like this:

http://localhost/myhouse.html
http://localhost/livingroom.html
http://localhost/kitchen.html
http://localhost/bedroom_master.html
http://localhost/office.html
http://localhost/bedroom_yourchildname.html
…and so on and so forth.

That way, you don’t have to worry about messing with Polymer and building a frontend.

Here are a couple of links to get you started:

Once you learn everything for making a web application, you can have a look at homeautomation.zip to see how my web application is put together before I try out Home Assistant. It’s written in PHP and my custom MVC framework; plus, it communicates with my Philips Hue bridge.

Here it is: HomeAutomation.zip

10

Curious. Pardon me for resurrecting the thread, but why have I been awarded a “Popular Link” badge for a link that is just an example? I suppose breaking off the “http” part of the URL should prevent Discourse from turning an example URL into links. “localhost” isn’t something that people should click in.

Again, I apologize for resurrecting the thread, but I’ve been awarded two badges for popular links.

2 Likes
11

I don’t believe in old threads. Especially if it answers a new question I had. Thanks masterkenobi for asking… And take the badges with pride!!! lol

Love Home Assistant!!!

12

Hello and thank you very much for all this helpful information. Unfortunately the link that you provided is no longer accessible. Could you please give us a working link?? I really appreciate your effort

13

Just wondering if this is still the case or doable now? I’m just looking to hide the main-title in the subview and so far I had no luck.

Thanks