Login and Skins


Everything you see visually in HP is tied to the active user that is logged into the Browser. Users are specific to a given browser, which is accomplished using Cookies. This is why HP requires that Cookies are enabled to work properly. The active user is always shown in the upper right hand corner of the main screen. By default the user is set to the name “default” but this can be changed at any time.

To change users, simply click on the name in the upper right corner. When you do this the following screen will be shown:

User login click and confirmation

After clicking where shown, and confirming that you really want to log out, the following Login screen will be shown:

If you simply click “Login” you will log back in as the “default” user. If you enter any other name in the Username field, that user will be created. A password can be given if desired. If you do provide a password, you must remember it because there is no “forgot password” feature in HP. The only way to recover a forgotten password is to manually edit the hmoptions.cfg file. An entire section is provided on the layout of this file, but please be aware that editing this file is risky and only recommended as a last resort reserved for power users.

If you enter a name that was previously defined, that user’s profile will be loaded. Otherwise, a new one will be generated. The creation of a new profile for user “myname” involves creation of a file called “hm_myname.cfg” that will contain all preferences for this user. Any name can be used as long as the name contains only letters and numbers.

The main reason you might want to create a separate user is so that you can tie a unique styling skin to that user. A very important concept in HP is that each user can have its own unique skin. When a new user is requested, that user’s skin will also be loaded for display on the browser in question. Note that this will not impact the look and feel of other skins that might be showing on other browsers / panels.

The significance of this design is that panels can look different on different walls. Also, you can make a user with a skin specifically tailored for a mobile phone as well.

Skin Definition

Skins are folders that contain a library of icons and two files that dictate how to style your panel. HP comes with two fully tested skins: skin-housepanel and skin-modern. The default skin is “skin-housepanel” that provides a colorful look reminiscent of Windows-98 GUI’s. The “skin-modern” skin has a cleaner monochrome look and feel the somewhat mimicks the look and feel of other popular dashboards for smart home systems. All example pages shown in other sections use the “skin-housepanel” default skin. The following screen shot is what the main page looks like if you adopt the “skin-modern” skin.

To change skins, go into the Options page (bottom left tab) and change the name in the Skin-Folder field, scroll to the bottom and select “Save”. The folder must exist for this to work.