Cześć wszystkim!
Przede wszystkim witam wszystkich forumowiczów i właściciela strony Smartnydom.
Jako nowicjusz czekający na pierwszy moduł Sonoff Basic do testów chciałem tylko zaproponować swoją pomoc.
Ja na pewno będę pytał Was o pewne rzeczy, ale gdyby ktoś z Was miał problemy z CSSem czy wyglądem w Openhab - służę pomocą.
Zawodowo zajmuję się stronami WWW, więc kwestie designu i kodowania to dla mniej codzienność, więc gdyby ktoś chciał zaczerpnąć informacji czy porady - postaram się jak mogę 🙂
W weekend powinienem postawić swojego Openhaba na RPi (na Windowsie mi się nie udało), wtedy też mocniej przysiądę nad opcjami stylowania panelu.
Pozdrawiam!
witamy, dzięki za potencjalne wsparcie. nie jestem pewien czy tam coś można pomodyfikować w tym OH jeśli chodzi o UI
Tak zrozumiałem jak dzisiaj przeglądałem to forum jak i zagraniczne. Widziałem też kilka wersji innych użytkowników, ale może nie w takim zakresie jak mi się wydawało 🙂
No nic, jak tylko przyjdzie mój Sonoff mocniej zagłębie się w temacie, wtedy zobaczę do końca co i jak.
Hej,
w UI to raczej nie ma możliwości modyfikacji, jak już @adrian napisał. W HABPanel już owszem, tam można stosować CSS. Sam używam CSS'a aby panel wyglądał jak ja chce wykorzystując Widget - template.
Jeżeli poprawnie załączyłem obrazek, to to jest moja stara wersja habpanel, obecnie używam innej...nie aż tak wycudowanej.
QFlaoo czy dobrze widzę że masz odczyt parametrów pieca (chyba węglowego) ?
@lukas121 - tak, piec węglowy(eko) z własnej roboty modułem na ESP do przekazywania parametrów do OH.
Czyli jednak można 🙂
Ja mam zbudowany na Arduino + Ethernet Shield pomiar temperatur w tradycyjnym kotle. Wyjście z kotła i powrót wody jest mierzony przez termometry DS18B20, a temperatura spalin termoparą typu K. Arduino wyświetla pomiary na wyświetlaczu i poprzez brokera MQTT raportuje je do OH.
Witam,
oczywiście, że można stosować css do Basic UI. Jest sporo tematów poświęconym własnym pomysłom na wygląd OpenHABa, a jednym z najbardziej popularnych tematów, na który wszyscy się powołują to:
https://community.openhab.org/t/customizing-basic-ui-with-css/31706
Co trzeba zrobić aby zmodyfikować Basic UI?
Stworzyć plik HTML-owy w folderze /conf/html np. test.html i w niej zaszyć odwołanie do css-a, który można umieścić w tym samym folderze lub zrobić oddzielny.
addStyleSheet("../css/test.css")
Natomiast w pliku .sitmaps na końcu wstawić odwołanie do naszej strony.
Webview url="/static/test.html"
Oczywiście to nie wyczerpuje tematu, gdyż osobiście nie jestem dobry w tym temacie, ale pokazuje, że można. Informacje potwierdzone, które u mnie działają.
Przykład bardzo prostej strony, niestety bez css
<html>
<body>
<script type="text/javascript">
function addStyle(s)
{
var ele = window.parent.document.createElement('style');
ele.innerHTML = s;
window.parent.document.head.appendChild(ele);
}
addStyle('main {border-top:2px solid #005050 !important;}');
addStyle('input{background:#008080 !important;}');
addStyle('div{background:#000000 !important;color:#00c0c0 !important;}');
addStyle('button {background:#306070 !important; border:1px solid #005050 !important;}');
addStyle('.mdl-form__row {border-bottom:1px solid #004040 !important;}');
addStyle('.mdl-color--white{background:#000000 !important;}');
addStyle('.mdl-form__value--slider{background:#303030 !important;}');
</script>
</body>
</html>
vellkan jak byś potrafił zrobić css-a podobnego do tego https://community.openhab.org/t/basic-ui-dark-theme/33603/5 , to byłbym bardzo wdzięczny 🙂
Witam,
oczywiście, że można stosować css do Basic UI. Jest sporo tematów poświęconym własnym pomysłom na wygląd OpenHABa, a jednym z najbardziej popularnych tematów, na który wszyscy się powołują to:
dzięki ! ja osobiście nie wiedziałem - pzdr.