Neuer Style: flex. Flexibel für alle Geräte

[FunkOdyssey]

ich habe dazu eine neue Farb-Auswahl hinzugefügt: TableLinkFirstCol

Perfekt. Danke dir. Bist wirklich sehr engagiert.

Das ist schon richtig so. #0000FF ist blau, und der der Gradient verläuft dann zu #5555FF (was ein helles blau in Richtung lila ist). Zudem ist ja regulär eine Transparenz definiert, weswegen (bei dem hellen Plot hintergrund) das Blau noch heller wird.

Okay, ich verstehe. Ich habe dann den Ursprungsfarbwert so angepasst, dass es im Verlauf hübsch aussieht. Auch hier vielen Dank.

[xanker]

Sehr cool!!! Und wie kann ein Javascript-Unfähiger am besten ein Logo platzieren? Ich habe etwas html Erfahrung, und css. Aber Javascript noch nie was gemacht..

ich habe nun doch in den Einstellungen ein Option "logoHTML" hinzugefügt, dort kannst du dann einfach dein HTML Code eintragen.

Edit:
Hier noch ein Beispiel wie man z.B: das FHEM Logo anzeigen kann:

Code Auswählen Erweitern

<img src="/fhem/images/default/fhemicon.png">

[xanker]

In Chrome und Firefox tritt das identische Verhalten auf, und witzigerweise in Firefox auf dem PC/Large Screen ist die Größe genau andersherum.
Was auf dem Handy klein (gwünscht) ist, ist auf dem Desktopbildschirm groß und vice versa.

Ich habe das jetzt noch mehrfach getestet, mit plotEmbed 1 und plotEmbed 0, es funktioniert bestens. Besteht das Problem bei dir noch? Falls ja, muss ich wohl wirklich umstellen, dass plotsize aus dem fhem devices ausgelesen wird.

[Gisbert]

Ich habe das jetzt noch mehrfach getestet, mit plotEmbed 1 und plotEmbed 0, es funktioniert bestens. Besteht das Problem bei dir noch? Falls ja, muss ich wohl wirklich umstellen, dass plotsize aus dem fhem devices ausgelesen wird.

Hallo xanker,

hab gerade ein Update gemacht und Fhem neu gestartet - auf dem PC-Bildschirm sieht es leider immer noch gemischt aus (siehe Screenshot).
Auf dem Handy ist es ebenso, nur dass dort die kleinen Diagramme groß und die großen klein sind, also keine Veränderung.
Bei PlotEmbed 0 wird's auch nicht besser, nur anders.

Kannst du noch auf die Suche gehen?
Welche Infos benötigst du ggf. noch von mir?

Viele Grüße Gisbert

[FunkOdyssey]

Große klein und Kleine groß.
Kann es sein, dass du in deinen Plot-Devices auch individuelle "plotsize" gesetzt hast?

[xanker]

Hallo xanker,

hab gerade ein Update gemacht und Fhem neu gestartet - auf dem PC-Bildschirm sieht es leider immer noch gemischt aus (siehe Screenshot).
Auf dem Handy ist es ebenso, nur dass dort die kleinen Diagramme groß und die großen klein sind, also keine Veränderung.
Bei PlotEmbed 0 wird's auch nicht besser, nur anders.

Kannst du noch auf die Suche gehen?
Welche Infos benötigst du ggf. noch von mir?

Viele Grüße Gisbert

Klaro gehe ich auf dir Suche, es gibt keine unlösbaren Probleme, nur langwierige 
Dein Screenshot verwirrt mich, da der komplette Plot zu sehen ist, damit ist es nicht das zuvor genannte Problem, dass die viewBox falsch gesetzt wird, dann wären die Plots nämlich abgeschnitten (und nicht scrollbar). Ich tippe darauf, dass das viewBox Attribut gar nicht gesetzt wird, alternativ kann es sein, dass plotMinWidth/plotMaxWidth nicht gesetzt wird.
Schau mal das <svg> Tag eines zu großen Plots an ob dort das viewBox Attribut gesetzt ist.

Große klein und Kleine groß.
Kann es sein, dass du in deinen Plot-Devices auch individuelle "plotsize" gesetzt hast?

Das stellt kein Problem dar, ich habe es getestet.

[FunkOdyssey]

@xanker:
Zwei Auffälligkeiten im Mobilbetrieb

1) Es ist schwierig, die Webseite herunterzuscrollen.
Irgendwie akzeptiert das Skin die Wischgeste innerhalb der Tables nicht. Ich muss recht nah am Rand wischen, um scrollen zu können. Die Probleme scheinen im Querformat schlimmer zu sein.
Scheinbar wird nicht die Seite, sondern der Inhalt in den Tabellen versucht zu scrollen.

2)
Ich komme fast nie ans Ende der Seite. Ich muss mich schon richtig anstrengen. Es wird immer wieder ein wenig wieder hochgescrollt.

[xanker]

@xanker:
Zwei Auffälligkeiten im Mobilbetrieb

1) Es ist schwierig, die Webseite herunterzuscrollen.
Irgendwie akzeptiert das Skin die Wischgeste innerhalb der Tables nicht. Ich muss recht nah am Rand wischen, um scrollen zu können. Die Probleme scheinen im Querformat schlimmer zu sein.
Scheinbar wird nicht die Seite, sondern der Inhalt in den Tabellen versucht zu scrollen.

2)
Ich komme fast nie ans Ende der Seite. Ich muss mich schon richtig anstrengen. Es wird immer wieder ein wenig wieder hochgescrollt.

Hmm, das habe ich bis jetzt auch noch nicht gehört 
Welchen Browser nutzt du? iOS/Android?

[FunkOdyssey]

Oh, Vergessen.
iOS Safari.

In Chrome unter iOS keine Probleme.

[xanker]

Oh, Vergessen.
iOS Safari.

In Chrome unter iOS keine Probleme.

Ich habe nur ein altes iPhone 4s von nem Freund. Dort funktioniert es ganz normal mit dem Safari. Ich wüsste auch nicht an was das liegen soll

Funktioniert!!!!! Der Hammer! Danke Meister!

Hast du auch scroll Probleme?

[choetzu]

Hast du auch scroll Probleme?

Nein, noch nicht aufgefallen. Meine ReadingsGroup Tabellen sind jedoch auch nicht wirklich lang, so dass man extrem scrollen muss.

[xanker]

Nein, noch nicht aufgefallen. Meine ReadingsGroup Tabellen sind jedoch auch nicht wirklich lang, so dass man extrem scrollen muss.

Das war nicht auf die Readingsgroups bezogen 
Sondern darauf:

@xanker:
Zwei Auffälligkeiten im Mobilbetrieb

1) Es ist schwierig, die Webseite herunterzuscrollen.
Irgendwie akzeptiert das Skin die Wischgeste innerhalb der Tables nicht. Ich muss recht nah am Rand wischen, um scrollen zu können. Die Probleme scheinen im Querformat schlimmer zu sein.
Scheinbar wird nicht die Seite, sondern der Inhalt in den Tabellen versucht zu scrollen.

2)
Ich komme fast nie ans Ende der Seite. Ich muss mich schon richtig anstrengen. Es wird immer wieder ein wenig wieder hochgescrollt.

[Gisbert]

Hallo xanker,

Ich tippe darauf, dass das viewBox Attribut gar nicht gesetzt wird, alternativ kann es sein, dass plotMinWidth/plotMaxWidth nicht gesetzt wird.
Schau mal das <svg> Tag eines zu großen Plots an ob dort das viewBox Attribut gesetzt ist.

Das viewBox Attribut finde ich weder bei den kleinen, passenden Diagrammen, noch bei den großen, wo finde ich das denn?
plotMinWidth/plotMaxWidth steht auf 340px und 55%.

Viele​ Grüße​ Gisbert​

[xanker]

Hallo xanker,
Das viewBox Attribut finde ich weder bei den kleinen, passenden Diagrammen, noch bei den großen, wo finde ich das denn?
plotMinWidth/plotMaxWidth steht auf 340px und 55%.

Hallo Gisbert,

das habe ich wohl nicht richtig ausgedrückt. Ich meinte nicht im FHEM device, sondern im HTML code. Wenn du (z.B bei Chrome) einen Rechtklick auf einen Plot (am besten beim Plot Titel) machst und dann auf "Untersuchen" klickst, sollte sich ein kleines Fenster mit dem HTML Code öffnen, wenn du dann ein paar Zeilen drüber schaust, ist dort ein <svg> Tag, das sollte so aussehen:

Code Auswählen Erweitern

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="SVGPLOT_SVG_BZ_Heizung" data-origin="FHEM" width="100%" viewBox="0 0 600 200" style="display: block;">
Hier muss das viewBox Attribut zu sehen sein, wobei die hinteren beiden Zahlen dem plotsize Attribut entsprechen muss.

Zudem: wenn du plotEmbed 0 nutzt, und den <svg> Tag anklickst, siehst du rechts den zugehörigen CSS Code im dritten Block sollte das bei dir stehen:

Code Auswählen Erweitern


div.SVGplot.SVG_<DEVICENAME> > svg, div.SVGplot.SVG_<DEVICENAME> > div {
    min-width: 340px;
    max-width: 55%;
}
(wobei <DEVICENAME> dem FHEM SVG Device Namen entspicht)

Wenn du plotEmbed 1 nutzt, dann müsste um den <svg> Tag ein <embed> Tag und darum ein <div> kommen, wenn du das <div> anklickst, dann siehst du hier die min-width und max-width Werte.

Sofern min-width/max-width und/oder viewBox nicht gesetzt sind, funktioniert das Skalieren nicht.

Edit: Ok, ich habe ein potentielles Problem ausgemacht, das ich in jedem Fall noch fixen muss. Problem: Wenn im SVG Fhem Device-Namen ein "." vorkommt, dann greift der CSS Selector nicht mehr, da in CSS nach einem "." ein Klassenname erwartet wird. Damn...

Edit2: Ich habe nun das Problem mit einem "." im Namen gelöst, versuche es mal mit der aktuellen Version, ich hoffe es funktioniert jetzt...

Grüße
Sebastian

[Icinger]

Irgendwas ist dan dem Thema Colspan noch kaputt.
Hab grad eben ein Update gemacht.
Seither kommt bei allen Räumen, welche eine Readingsgroup mit colspan haben, nur mehr das Grau vom darkstyle als Hintergrund und sonst nur ein eeres Fenster.
Siehe Screenshot.

Ein Beispiel eine RG, in welcher das colspan bei mir verwendet wird:

Code Auswählen Erweitern

attr valueColumns { Chemie => 'colspan="2"' , Menge => 'colspan="3"'}

lg, Stefan