Informational Header This is a HABPanel widget. It displays customizable, interactive notification items after the dashboard name. [image] [Example of a dashboard with informational-header] Installation Use the HABPanel Image Gallery and search for gersilex/informational-header. Click the impor…

Very clean solution and a great potential for a lot of use cases, nice! Also I was wondering how you got the icons displayed, didn’t realize you could put emojis in item labels :slight_smile: ( informational-header/example/notifications.items at master · gersilex/informational-header · GitHub for th…

I replaced the header of my dashboard, but now the button to edit the dashboard is gone, also the clock and the three small buttons on the upper right side. Can you tell me, how i can use your dashboard and still be able to edit the dashboard? My dashboard name is “home” and when i see the dashboa…

From here : [image] New display options (incl. experimental custom widgets everywhere!) Go back to the main menu, click the edit mode button in the top-right corner and simply click on the tile. After you’ve clicked “Run” if you want to go back to editing you can simply navigate back with your br…

Thank you! Really simple, when you know how…

Great! Thank you for your work! A little suggestion: For greater flexibility, I think it would be nice to change the items label on demand, as discussed here.

Because we replaced the header, the old functionality of the header is missing. To still edit, I use one of these ways: Go to the main page index.html (where the list of all your dashboards is), click on the gear icon to enter edit mode, then click on your dashboard. You will enter the dashboard a…

Ok. That doesn’t work, because the label of an item seems to be cached by the browser while loading the HABpanel site. So the notification is always the item label from that time, no matter if you change it in-between or not.

[image] gersilex: @ysc would it make sense to have an angular “variable” that resolves to the same html like the buttons and time (basically everthing that has the pull-right class in the original header) Yes it makes sense to move this “toolbar” in a directive, so it could be reused in your…

Hello, did someone get the original header inplimented? I need the full screen feature.

[image] gersilex: See examples/notifications.items for a working example. Hi, I am looking for some examples … help is very much appreciated. Thanks…

openHAB Community

Custom Widget: Informational Header

Apps & Services HABPanel

Syn (Christoph) November 8, 2017, 10:39am 4

From here: