Responsive iOS 6 Theme für FHEM (CSS + JS) sowohl für iOS, Android und Desktop!

[maxritti]

Sag mal, wie hast Du in Screenshot bei dem Post hier die Icons bei den Dashboardtabs farbig bekommen?

http://forum.fhem.de/index.php/topic,23406.msg174007.html#msg174007

Irgendwie stelle ich mich da wohl zu dämlich an.
Ich hatte einfach mal naiv "@green" bei dem Attribut dashboard_tab1icon hinter das Bild geschrieben.
Will aber nicht.

Oder müssen da eigene Moonicons für erstellt werden?

[Blackcat]

Ich hatte einfach mal naiv "@green" bei dem Attribut dashboard_tab1icon hinter das Bild geschrieben.
Will aber nicht.

Die werden automatisch gefärbt anhand des Spektrums also von lila bis rot. Das ausgewählte ist grau.
Änderbar sind die Farben leider nicht, da ich dafür js einsetzen müsste. das mittlere ist somit immer grün und das linke lila etc....

Lass mal das @green raus und drück strg+f5 zum neuladen der css...

[maxritti]

Super.
Dann war der Test mit nur einem Tab wohl ein wenig dürftig.
Jetzt wird's auch bunt.

[Bennemannc]

Hallo,

ich habe das Gleiche gemacht wie maxritti - das Icon selber ändert die Farbe, aber den Hintergrund .... Ja ich habe den Text oben gelesen. Aber ... ich bin nicht so der bunte Typ. Ich wäre auch mit einer einheitlichen Farbe zufrieden. Kann man das irgendwie einbauen? Ist der Farbverlauf zwingend fest ?

Gruß Christoph

[Blackcat]

Da kann ich leider nichts machen, da css allein nicht dynamisch Inhalte anhand von Variablen (hier der Farbe) anpassen kann.

Es müsste also ein Attr. Flag im Dashboard geben, dass sagt, ob die Farben das Icon(fill) oder die Background-color beeinflussen sollen und dann im Dashboard Code die Abfrage wie das flag gesetzt wurde. So wäre dann auch eine individuelle Einfärbung jedes Icons möglich. Aber darum müsstest du den Entwickler des Dashboard bitten, da möchte ich mich nicht einmischen, nicht dass was kaputt geht 

[Bennemannc]

Hallo Sandra,

es gibt doch das attr dashboard_customcss - vielleicht kann man das nutzen. Einfach die Farben mit ? Trennzeichen eingeben. Was meint der Dashboard Programmierer dazu ?

Gruß Christoph

[Blackcat]

Vielleicht fragst du dazu im Dashboard Thread nochmal, ich weiß nicht, ob er hier auch mitliest...
PS: http://www.fhemwiki.de/wiki/Dashboard würde sagen einfach reinkopieren

Von meiner Seite wäre das hier der css Code zum Anpassen der Farben:

Code Auswählen Erweitern


#ui-id-1 .ui-tabs-icon {
background-color:#4C3BA5;
}
#ui-id-2 .ui-tabs-icon {
background-color:#4C80AF;
}
#ui-id-3 .ui-tabs-icon {
background-color:#4DAAAF;
}
#ui-id-4 .ui-tabs-icon {
background-color:#53C237;
}
#ui-id-5 .ui-tabs-icon {
background-color:#EFCD5F;
}
#ui-id-6 .ui-tabs-icon {
background-color:#E5883B;
}
#ui-id-7 .ui-tabs-icon {
background-color:#DA3C33;
}


[Bennemannc]

Hallo Sandra,

was mir noch aufgefallen ist, die Icons im Dashboard werden sehr langsam und anscheinend immer wieder neu geladen. Die Fritzbox ist nicht besonders schnell und wenn man das Dashboard aufruft, kommt immer zuerst die Schrift und erst eine ganze Weile später die Icons "hinterher gekleckert" wobei die wirklich einer nach dem anderen gesetzt werden. Gibt es da eine Möglichkeit die im Cache zu lassen? Die ändern sich ja eher selten.

Gruß Christoph

[Blackcat]

Die Ladezeit liegt am Dashboard Modul, dort hat auch jemand schon die Probleme gemeldet, bei mir ist es auch sehr langsam 

Wüsste aber auch nicht, wie ich in css das Caching verhalten anpasse    wenn jemand weiß ob und wie das geht bitte melden

[Blackcat]

@Farben der Icons im Dashboard
Werde morgen mal das attr des Dashboards probieren, wenn das klappt stelle ich die standardfarbe auf Blau wie im Menü und werde im ersten Post den farbverlauf zum kopieren stellen.
Und wenn es klappt noch eine Liste geeigneter Farben

@ pi Icon
Irgendwie mag mich inkskape nicht

@ Eingabe unten
Fixed

@ Update
Habe einen kleinen Menü Button und Tab Dialog Change hochgeladen, der Tab Dialog ist aber noch nicht fertig. Bin auch am überlegen die Icons der konfig nach unten zu legen. Was meint ihr?

[Blackcat]

@ Farben der Icons im Dashboard
Änderbarkeit anhand des custom css getestet : funktioniert - zwar keine schöne Lösung aber naja
Daher habe ich jetzt alle Farben auf blau gesetzt und die Anleitung zum Ändern in den ersten Post

[dlehmann69]

Hallo,

ich arbeite mit der configDB. Wenn ich in anderen Styles den Button "Save config" betätige, bekomme ich eine Meldung oben eingeblendet "configDB saved". Damit weiß ich, dass die Datenbank gespeichert wurde. In dem iOS 6 Style bekomme ich die Meldung leider nicht. So muss ich mir immer behelfen und über einen Befehl die configDB nach dem aktuellen Stand befragen.

Kann man dies in dem iOS 6 Style fixen?

[Blackcat]

Hallo,

ich arbeite mit der configDB. Wenn ich in anderen Styles den Button "Save config" betätige, bekomme ich eine Meldung oben eingeblendet "configDB saved". Damit weiß ich, dass die Datenbank gespeichert wurde. In dem iOS 6 Style bekomme ich die Meldung leider nicht. So muss ich mir immer behelfen und über einen Befehl die configDB nach dem aktuellen Stand befragen.

Kann man dies in dem iOS 6 Style fixen?

Hast du Firebug installiert? Also kannst du nachschauen welche css id das DIV mit dem Text hat?
Dann kann ich schauen was ich tun kann.

Habe leider keine configDB.

[rudolfkoenig]

Es handelt sich um div#errmsg
Mit Firebug zu erwischen wird schwierig, da es nach 5 Sekunden entfernt wird.

[Blackcat]

Danke Rudolf

Habe die Änderungen eingecheckt, kann sie aber selbst nicht testen, ob sie funktionieren, die Connection lost Meldung auf dem iPad bekomme ich aber angezeigt, daher denke ich dass es funktionieren sollte

(taucht oben in der dunklen Leiste als weiße Schrift auf)