FHEM Forum

FHEM => Frontends => Thema gestartet von: micomat am 05 August 2015, 10:49:32

Titel: [gelöst] Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: micomat am 05 August 2015, 10:49:32
Hallo zusammen,

ich hab eben ein Update gemacht. Seitdem liegt die Update Seite auf dem Iphone immer vor/hinter der sonst zuerst angezeigten Raumseite.
Ich hab schon alle Dashboards geloescht und einzeln neu angelegt, leider ohne Erfolgt :(
Hat hier jemand ne Idee woran das liegen koennte und wie ich es in den Griff bekomme?

Danke und Gruß
Markus
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: Quatalspropella am 05 August 2015, 21:22:00
Hi micomat,

hatte das gleiche Problem, jetzt auch wieder. Das war schon mal Thema im Beitrag "Dashboard". Es gab da wohl einen kleinen Fehler der beim darksmallscreen dazu führte. Bei anderen Layouts / Styles wie z.B. Tablet oder normal "dark" wurde alles bestens angezeigt.

Hier auf Seite 92/93
http://forum.fhem.de/index.php/topic,16503.1380.html

Ich werde da auch noch mal rein schreiben, mit Screenshots. Schau mal ob es bei dir ähnlich aussieht.

Gruß Quatalspropella
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: micomat am 05 August 2015, 22:15:48
bei mir ist der Fehler bei allem smallscreen Styles.
Screenshot kann ich morgen auch machen
danke
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: Talkabout am 05 August 2015, 23:20:31
Hallo zusammen,

ich habe im Dashboard-Thread einen Fix gepostet:

http://forum.fhem.de/index.php/topic,16503.msg319629.html#msg319629

Sorry für die Umstände!

Gruss
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: micomat am 06 August 2015, 11:21:17
Danke! Werd ich heute abend gleich mal ausprobieren.

Gruß
Markus
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: Quatalspropella am 06 August 2015, 12:26:53
Hi,

bei mir passt es wieder.

Es sind keine Umstände. Wir als Neulinge und Menschen die mit der Programmierung nicht so viel am Hut haben sind froh das du uns Hilfst.
Ist ja auch eine Menge Freizeit die hier geopfert wird. Besten Dank dafür.


Gruß Sven
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: Talkabout am 06 August 2015, 21:51:18
Hallo zusammen,

der Fix steht morgen früh als Update bereit.

Gruss
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: micomat am 07 August 2015, 10:54:23
Daumen hoch!
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: micomat am 07 August 2015, 13:45:08
Funktioniert wunderbar, allerdings hab ich jetzt ein anderes Problem... Aber hier vermute ich einen anderen Fehler:
Im Hochformat fehlen bei den Readingsgroups die im Dashboard eingebunden sind die Werte... drehe ich mein Iphone auf die Seite sind sie da.

An der breite der RGs kanns ja irgendwie nicht liegen... die sind ja schmaeler wie man sieht...

Gruß
Markus
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: Talkabout am 07 August 2015, 21:21:57
Zitat von: micomat am 07 August 2015, 13:45:08
Funktioniert wunderbar, allerdings hab ich jetzt ein anderes Problem... Aber hier vermute ich einen anderen Fehler:
Im Hochformat fehlen bei den Readingsgroups die im Dashboard eingebunden sind die Werte... drehe ich mein Iphone auf die Seite sind sie da.

An der breite der RGs kanns ja irgendwie nicht liegen... die sind ja schmaeler wie man sieht...

Gruß
Markus
Hier liegt das Problem tatsächlich an der Breite der ReadingsGroups. Es ist kein Platz mehr da, um die Werte darzustellen. Wie sieht die Definition Deiner Spaltenbreiten aus?

Gruss
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: micomat am 07 August 2015, 22:56:44
das hat früher problemlos funktioniert. erst seit dem updaten ist das so. die readingsgroup ist ja wie man sieht deutlich schmäler als das Dashboard. Breite ist keine definiert.

Gruß markus
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: Talkabout am 07 August 2015, 22:59:51
Zitat von: micomat am 07 August 2015, 22:56:44
das hat früher problemlos funktioniert. erst seit dem updaten ist das so. die readingsgroup ist ja wie man sieht deutlich schmäler als das Dashboard. Breite ist keine definiert.

Gruß markus
Was genau heisst "früher"? Weisst Du noch welche Version? Was passiert, wenn Du die ReadingsGroup einfach größer ziehst?

Gruss
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: micomat am 08 August 2015, 11:12:27
leider keine Ahnung welche Versionsnummer das war :(
die Breite passt sich an aber ohne Werte.
ich poste nachher mal meine findig dazu.
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: micomat am 08 August 2015, 11:59:45
here we go:
define MyDashboard Dashboard
attr MyDashboard userattr dashboard_tab2backgroundimage dashboard_tab2colcount dashboard_tab2devices dashboard_tab2groups dashboard_tab2icon dashboard_tab2name dashboard_tab2rowcentercolwidth dashboard_tab2sorting dashboard_tab3backgroundimage dashboard_tab3colcount dashboard_tab3devices dashboard_tab3groups dashboard_tab3icon dashboard_tab3name dashboard_tab3rowcentercolwidth dashboard_tab3sorting
attr MyDashboard dashboard_activetab 2
attr MyDashboard dashboard_row center
attr MyDashboard dashboard_rowcenterheight 500
attr MyDashboard dashboard_showfullsize 1
attr MyDashboard dashboard_tab1colcount 1
attr MyDashboard dashboard_tab1groups Schalter,Steckdosenleiste
attr MyDashboard dashboard_tab1name Schalter
attr MyDashboard dashboard_tab2groups TempHum,THZ
attr MyDashboard dashboard_tab2name Heizung Temp
attr MyDashboard dashboard_tab[0-9]+colcount 1

define rg_thz readingsGroup Mythz:<%temp_outside>,<Aussen>,AussenTemp Mythz:<%sani_supply_temp@red>,<Vorlauf>,VorlaufTemp Mythz:<%sani_return_temp@blue>,<Rücklauf>,RuecklaufTemp Mythz:<%sani_boiler_temp@BD7800>,<Wasser>,WWTemp Mythz:<%sani_solar_temp>,<Kollektor>,KollektorTemp Mythz:<%edit_settings@black>,<Modus>,Betriebsart\
attr rg_thz alias Heizung Temperaturen
attr rg_thz group THZ
attr rg_thz noheading 1
attr rg_thz room Sysintern
attr rg_thz valueFormat {AussenTemp => '%1.f °C', VorlaufTemp => '%1.f °C', AussenTemp=> '%1.f °C', RuecklaufTemp=> '%1.f °C', WWTemp=> '%1.f °C', KollektorTemp=> '%1.f °C'}
attr rg_thz valueIcon %VALUE

define rg_temphum readingsGroup TF_WZ:<%temperature_humidity@blue>,<Wohnzimmer>,temperature,humidity \
RT_Schlafzimmer_Climate:<%temperature_humidity@blue>,<Schlafzimmer>,measured-temp,humidity\
RT_Buero_Climate:<%temperature_humidity@blue>,<Buero>,measured-temp,humidity\
TF_SPEIS:<%temperature_humidity@blue>,<Speis>,temperature,humidity \
TF_KELLER:<%temperature_humidity@blue>,<Keller>,temperature,humidity \
T_Aussen:<%temperature_humidity@blue>,<Aussen>,temperature,<N/A>
attr rg_temphum group TempHum
attr rg_temphum noheading 1
attr rg_temphum room Sysintern
attr rg_temphum valueFormat { temperature => '%1.f °C', humidity => '%1.f %%', "measured-temp" => '%1.f °C'}
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: Talkabout am 08 August 2015, 17:11:14
Zitat von: micomat am 08 August 2015, 11:59:45
here we go:
define MyDashboard Dashboard
attr MyDashboard userattr dashboard_tab2backgroundimage dashboard_tab2colcount dashboard_tab2devices dashboard_tab2groups dashboard_tab2icon dashboard_tab2name dashboard_tab2rowcentercolwidth dashboard_tab2sorting dashboard_tab3backgroundimage dashboard_tab3colcount dashboard_tab3devices dashboard_tab3groups dashboard_tab3icon dashboard_tab3name dashboard_tab3rowcentercolwidth dashboard_tab3sorting
attr MyDashboard dashboard_activetab 2
attr MyDashboard dashboard_row center
attr MyDashboard dashboard_rowcenterheight 500
attr MyDashboard dashboard_showfullsize 1
attr MyDashboard dashboard_tab1colcount 1
attr MyDashboard dashboard_tab1groups Schalter,Steckdosenleiste
attr MyDashboard dashboard_tab1name Schalter
attr MyDashboard dashboard_tab2groups TempHum,THZ
attr MyDashboard dashboard_tab2name Heizung Temp
attr MyDashboard dashboard_tab[0-9]+colcount 1

define rg_thz readingsGroup Mythz:<%temp_outside>,<Aussen>,AussenTemp Mythz:<%sani_supply_temp@red>,<Vorlauf>,VorlaufTemp Mythz:<%sani_return_temp@blue>,<Rücklauf>,RuecklaufTemp Mythz:<%sani_boiler_temp@BD7800>,<Wasser>,WWTemp Mythz:<%sani_solar_temp>,<Kollektor>,KollektorTemp Mythz:<%edit_settings@black>,<Modus>,Betriebsart\
attr rg_thz alias Heizung Temperaturen
attr rg_thz group THZ
attr rg_thz noheading 1
attr rg_thz room Sysintern
attr rg_thz valueFormat {AussenTemp => '%1.f °C', VorlaufTemp => '%1.f °C', AussenTemp=> '%1.f °C', RuecklaufTemp=> '%1.f °C', WWTemp=> '%1.f °C', KollektorTemp=> '%1.f °C'}
attr rg_thz valueIcon %VALUE

define rg_temphum readingsGroup TF_WZ:<%temperature_humidity@blue>,<Wohnzimmer>,temperature,humidity \
RT_Schlafzimmer_Climate:<%temperature_humidity@blue>,<Schlafzimmer>,measured-temp,humidity\
RT_Buero_Climate:<%temperature_humidity@blue>,<Buero>,measured-temp,humidity\
TF_SPEIS:<%temperature_humidity@blue>,<Speis>,temperature,humidity \
TF_KELLER:<%temperature_humidity@blue>,<Keller>,temperature,humidity \
T_Aussen:<%temperature_humidity@blue>,<Aussen>,temperature,<N/A>
attr rg_temphum group TempHum
attr rg_temphum noheading 1
attr rg_temphum room Sysintern
attr rg_temphum valueFormat { temperature => '%1.f °C', humidity => '%1.f %%', "measured-temp" => '%1.f °C'}

Du hast für Deine Gruppen bisher keine Breiten gesetzt. Ich vermute, dass deshalb die HTML-Elemente automatisch so klein werden. Kannst Du bitte versuchen die ReadingsGroup so breit wie das Dashboard zu ziehen und schauen, wie es dann aussieht in den beiden Ansichten?

Gruss
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: micomat am 10 August 2015, 03:45:00
Ich bin mir zwar sicher, dass ich schon gezogen und geschoben hab was das Zeug hält, leider ohne Erfolg.
Bin aktuell in China und habe keinen Zugriff, werde es aber nochmal testen wenn ich zurück bin und dann ggf. die Config mit Breite posten.

Danke Dir soweit,
Gruß
Markus
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: micomat am 19 August 2015, 13:36:22
Also nach einigem hin- und herziehen bin ich immer noch so schlau wie vorher..
Die Breiten sind jetzt mit in der Config, aber angezeigt wirds trotzdem nicht.

Mir ist aufgefallen, dass beim Smallscreen ja automatisch die Beschriftungen wie ON/OFF ausgeblendet werden.
Kann das damit zu tun haben, dass bei meinen Temperaturen keine Werte mehr angezeigt werden?

Gruß
Markus
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: Talkabout am 19 August 2015, 20:37:28
Zitat von: micomat am 19 August 2015, 13:36:22
Also nach einigem hin- und herziehen bin ich immer noch so schlau wie vorher..
Die Breiten sind jetzt mit in der Config, aber angezeigt wirds trotzdem nicht.

Mir ist aufgefallen, dass beim Smallscreen ja automatisch die Beschriftungen wie ON/OFF ausgeblendet werden.
Kann das damit zu tun haben, dass bei meinen Temperaturen keine Werte mehr angezeigt werden?

Gruß
Markus
Die Größe des Browser-Fenster spielt hier keine Rolle? Was passiert, wenn Du die Ansicht auf einem Rechner/Laptop öffnest, ist es dort korrekt?

Gruss
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: micomat am 20 August 2015, 08:41:32
Wenn ich das auf dem Laptop öffne sehe ich alles.
Das Problem scheint wirklich nur auf dem Smartphone aufzutreten, und da auch nur solange es im Hochformat ist. Quer sind alle Werte da... Beim Hochformat scheint die ganze Spalte nicht angezeigt zu werden.

Danke und Gruß,
Markus
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: Talkabout am 22 August 2015, 19:17:21
Zitat von: micomat am 20 August 2015, 08:41:32
Wenn ich das auf dem Laptop öffne sehe ich alles.
Das Problem scheint wirklich nur auf dem Smartphone aufzutreten, und da auch nur solange es im Hochformat ist. Quer sind alle Werte da... Beim Hochformat scheint die ganze Spalte nicht angezeigt zu werden.

Danke und Gruß,
Markus
Hast Du bei der ReadingsGroup unter Umständen eine feste Breite für die erste Spalte definiert?

Gruss
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: micomat am 22 August 2015, 23:56:47
nein, nicht das ich wüsste. werde das mal versuchen.

Danke für deine Ausdauer :)
markus
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: Talkabout am 23 August 2015, 00:24:58
Zitat von: micomat am 22 August 2015, 23:56:47
nein, nicht das ich wüsste. werde das mal versuchen.

Danke für deine Ausdauer :)
markus
Wenn Du das machst, dann definiere feste Breiten für beide Spalten.

Gruss
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: micomat am 23 August 2015, 08:59:58
Okay, ich hab jetzt mal einer Readingsgroup Spasseshalber folgendes Attribut gegeben:

attr rg_temphum valueStyle style="width:250px;"

Im normalen Web funktioniert alles. Aber im Smallscreen hat das keine Auswirkung solange ich das Handy im Hochformat halte. Drehe ich es ins Querformat, sehe ich die geaenderte Breite.

Oeffne ich uebrigens die "normale" Weboberflaeche auf dem Smartphone dann wird mir auch die geaenderte Breite angezeigt.
Nur im Smallscreen Hochformat funktionierts nicht.

Ich hab vorhin mal auf meinem Notebook (Firefox + Win10) die Anzeige ebenfalls gedreht, und siehe da, das gleiche Problem. Siehe Screenshot.
Es muss also, am Dashboard im Smallscreen-Hochformat liegen.

Vielen Dank und Gruesse,
Markus
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: Talkabout am 23 August 2015, 15:24:00
Zitat von: micomat am 23 August 2015, 08:59:58
Okay, ich hab jetzt mal einer Readingsgroup Spasseshalber folgendes Attribut gegeben:

attr rg_temphum valueStyle style="width:250px;"

Im normalen Web funktioniert alles. Aber im Smallscreen hat das keine Auswirkung solange ich das Handy im Hochformat halte. Drehe ich es ins Querformat, sehe ich die geaenderte Breite.

Oeffne ich uebrigens die "normale" Weboberflaeche auf dem Smartphone dann wird mir auch die geaenderte Breite angezeigt.
Nur im Smallscreen Hochformat funktionierts nicht.

Ich hab vorhin mal auf meinem Notebook (Firefox + Win10) die Anzeige ebenfalls gedreht, und siehe da, das gleiche Problem. Siehe Screenshot.
Es muss also, am Dashboard im Smallscreen-Hochformat liegen.

Vielen Dank und Gruesse,
Markus
Hallo,

ich habe das Problem gefunden. Bei Smallscreen-Styles gibt es folgende Anweisung im CSS:

/* Portrait mode */
@media all and (orientation:portrait) {
  table.block select, table.block input { width: 0px; display: none; }
  table.block tr td:nth-child(n+3) { width: 0px; display: none; }
}


Dies führt dazu, dass im Portrait-Mode alle Zellen in Tabellen, die an 3. oder größerer Position liegen, ausgeblendet werden. Deswegen konnte ich Dein Problem zuerst nicht nachstellen, weil ich immer nur 2 Spalten probiert habe.

Die Anweisung ist aber nicht Dashboard-spezifisch sondern im Standard-Fhem-Style integriert. Bedeutet also, dass ich das nicht ändern kann. Du müsstest Dich dazu an den Rudi wenden, wobei ich vermute, dass dieses Statement durchaus seine Daseinsberechtigung hat, da im Portrait Mode einfach zu wenig Platz ist. Du könntest auch einfach Deine Gruppe um die erste Spalte mit den Icons zu verkürzen.

Gruss
Titel: Antw:Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: micomat am 23 August 2015, 15:31:58
Wow! Vielen Dank!
Ich werde Rudi mal darauf aufmerksam machen. Das wurde ja irgendwann im Laufe der letzten 10-12 Monate geaendert. Davor hat mein Dashboard ja immer alles angezeigt. Aber so oder so, in dem Fall kann ich mir ggf. auch selbst weiterhelfen.

Hab nochmals vielen Dank!


Gruß
Markus
Titel: Antw:[gelöst] Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: rudolfkoenig am 23 August 2015, 16:57:00
Ich kann den Festellungen von Talkabout nichts hinzufuegen.
Titel: Antw:[gelöst] Fhem Dashboad in smallscreen nach Update kaputt?
Beitrag von: micomat am 23 August 2015, 19:31:45
Danke :) meine Verwunderung war nur groß da es nach einem Update plötzlich nicht mehr ging.  Smartphones werden ja aktuell eher größer als kleiner.
dann passe ich mir das Stylesheet einfach an

Grüße
markus