CSS dla panelu Open...
 
Powiadomienia
Wyczyść wszystko

UWAGAStrona oraz Forum Smart'ny Dom nie będzie dostępne 23 Grudnia 2024 ze względu na przenoszenie serwisu na mocniejszą maszynę.

W tym czasie polecam poświęcenie swojego czasu na pomoc partnerowi w przygotowaniu udanych Świąt 😉

Za niedogodności z góry przepraszam, admin

Kontakt

CSS dla panelu Openhab

11 Wpisów
6 Użytkownicy
0 Reactions
2,818 Wyświetleń
(@vellkan)
Wpisów: 6
Bywalec
Autor tematu
 

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!

 
Dodane : 18/01/2019 6:38 pm
Tagi tematu
adrian
(@adrian)
Wpisów: 4038
Szefu Admin Zasłużony dla Forum, Patron Strony
 

witamy, dzięki za potencjalne wsparcie. nie jestem pewien czy tam coś można pomodyfikować w tym OH jeśli chodzi o UI

 
Dodane : 18/01/2019 10:49 pm
(@vellkan)
Wpisów: 6
Bywalec
Autor tematu
 

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.

 
Dodane : 18/01/2019 11:29 pm
Flaoo
(@flaoo)
Wpisów: 32
Praktykant
 

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.

2018
 
Dodane : 18/01/2019 11:55 pm
lukas121
(@lukas121)
Wpisów: 543
Ekspert Zasłużony dla Forum Donator 2K19
 

QFlaoo czy dobrze widzę że masz odczyt parametrów pieca (chyba węglowego) ? 

 
Dodane : 19/01/2019 8:58 am
Flaoo
(@flaoo)
Wpisów: 32
Praktykant
 

@lukas121 - tak, piec węglowy(eko) z własnej roboty modułem na ESP do przekazywania parametrów do OH.

 
Dodane : 19/01/2019 9:39 am
(@vellkan)
Wpisów: 6
Bywalec
Autor tematu
 

Czyli jednak można 🙂

 
Dodane : 19/01/2019 12:09 pm
lukas121
(@lukas121)
Wpisów: 543
Ekspert Zasłużony dla Forum Donator 2K19
 

@Flaoo jaki sterownik masz? jak możesz opisz na forum jak to zrobiłeś. 

 
Dodane : 19/01/2019 1:15 pm
(@kerad)
Wpisów: 6
Bywalec
 

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. 

 
Dodane : 20/01/2019 4:43 pm
(@eljot)
Wpisów: 5
Bywalec
 

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 🙂

 
Dodane : 07/03/2019 2:00 pm
adrian
(@adrian)
Wpisów: 4038
Szefu Admin Zasłużony dla Forum, Patron Strony
 
Dodane przez: ElJot

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.

 
Dodane : 08/03/2019 8:40 pm
Udostępnij: