Hacking BasicUI: My current Theme / OH2 Setup *Update with Repo*

examples
basicui
css
Tags: #<Tag:0x00007f212af296d8> #<Tag:0x00007f212af29598> #<Tag:0x00007f212af29458>

(Esteban Ramirez) #21

mappings can be use with Text?


(Vincent Regaud) #22

It’s a Switch form the network binding


(Bullet Proof Fool) #23

This is really great.
Significantly more responsive than HabPanel view and looks nearly equally impressive.

I have a couple of minor bugs / feature changes I’d like to see.
1 - I want to drop the header / navigation (like here: Customizing Basic UI with CSS

2 - I’d like the content to wrap to the second column as soon as it gets past the bottom of the screen.(At the moment, content can easily go past the bottom of the screen on column 1, thus being out of sight) - my intention is to use this on a wall mounted tablet.

Of course I am not expecting you to code any of this, just suggesting as potential feature enhancements


(illnesse) #24

The column wrapping code needs some more love indeed, it’s on my list. It works kind of ok for me but i’m aware it could cause issues with other sitemap layouts

Removing the header bar is as easy as adding “display:none;” to the “.mdl-layout__header” class in overrides.css


(illnesse) #25

here’s the column-wrapping fix:

turns out this is actually a better approach than flexbox css


(Bullet Proof Fool) #26

Top man - thanks, will have a look!


(Security Buddha) #27

Looks great, can you also post /etc/openhab2/scripts/python/gcal/syncgcal.py.
Would love to see how your sync the calendar. Your rules seem to be using this but the github src code is missing it. Thanks!


(illnesse) #28

just pushed an update. i basically rewrote gmail and gcal syncing, it now works with multiple accounts and the usual credentials/token.json stuff, i tried to do it in node.js at first but the google API sucks big time, so python it is:

when i’m done with the shellys and some other stuff, i want to implement event scheduling via gcal, to like control heating during holidays, etc


(Nakh Home) #29

Looks awesome !

on which env this BasicUI is supported :

  1. Android Openhab application ?
  2. Android Chrome ?
  3. Windows Chrome local ?
  4. Windows chrome myopenhab?

(illnesse) #30

it works in all browsers, local and via cloud, openhab app is something else


(Nakh Home) #31

Really awesome i have upgraded to 2.4 just to get this awesome UI
i am really impressed, you are right. #basicUIisNOTdead

Before

After

  1. could i ask you how Do you login to open hab outside your LAN from your phone ?
    from myopenhab, i am getting the standard basicui

  2. is it possible to increase the font size and icon size.
    i have updated the font size in the css but it;s not refreshed

  3. i didn’t understand the taskbar near to the clock
    i have tried to hide it but it do not work
    image

  4. How do you retrieve the phone location and whatsapp status ?
    i have see this item

String	 MQTT_Phone_S_PositionRaw  "Raw Data" { mqtt="<[cloudmqtt:owntracks/XXXXXXX/a0001:state:default]" }
  1. how syncgmail.js is triggered?

  2. broadlink-mqtt: do you have only one RM ?
    did you create a service ?

  3. syncgcal

not sure to understand how the openhab items are updated ?
how do you trigger this script?

  1. i have also restored your scripts but getting those errors

Thanks again


(illnesse) #32

I just implemented event scheduling through google calendar to control heating, alarms, tts volume etc via calendar events. I had it running for a couple days and it’s kind of awesome, probably the most flexible scheduling approach i’ve seen so far.


(the grey entries are some kind of activity log, phone calls etc)