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

[Blackcat]

Habe es hinbekommen

Kommt morgen im Update

Zum iphone kam ich noch nicht, habe im Moment ziemlich viel um die Ohren 

[Bennemannc]

Hallo Sandra,

habe mir das eben aus dem Trunk geladen - sieht klasse aus - Danke.

Gruß Christoph

[HolyMoly]

Habs gerade per update bekommen - Spitze gemacht!

[Bennemannc]

Hallo Sandra,

ich habe in der Wunschliste folgenden Thread gestartet

http://forum.fhem.de/index.php/topic,24180.msg173317.html#msg173317

Anscheinen sind die Android Browser anders und haben Bildlaufleisten für schnelles scrollen. Was nutzt Du? Safari oder einen anderen Browser ? Gibt es eine Möglichkeit, das in den Style einzubauen (oben neben der Befehlszeile zwei Buttons für Anfang und Ende)?

Gruß Christoph

[Blackcat]

Hallo Sandra,

ich habe in der Wunschliste folgenden Thread gestartet Anscheinen sind die Android Browser anders und haben Bildlaufleisten für schnelles scrollen. Was nutzt Du? Safari oder einen anderen Browser ? Gibt es eine Möglichkeit, das in den Style einzubauen (oben neben der Befehlszeile zwei Buttons für Anfang und Ende)?

Gruß Christoph

Hallo Christoph,

leider kann ich über das Style keine Buttons einfügen... :/

habe aber versucht das scrollen schneller zu machen. Jedoch habe ich nur iOS 6 auf meinem iPad, kannst du die Datei unten bitte mit iOS 7 testen?

[Blackcat]

habe noch einen schöneren Weg gefunden... da sonst das Layout zu sehr darunter leider (bzgl. Bouncing in iOS) 

Ps: zudem eingecheckt mit Menü auch besser scrollbar

[Bennemannc]

Hallo Sandra,

das Scrollen geht jetzt aber fix  da muss man ja aufpassen, das man unten nicht zu weit scrollt 
Der Seitenaufbau allgemein ist viel (sehr viel) schneller geworden - das ist echt Wahnsinn 

Danke Christoph

[Blackcat]

Schön zu lesen

Morgen gibt es ein erstes Dashboard Update (nicht wundern ist noch nicht ganz fertig... Versuche aber heute Abend weiter zu machen)

[dlehmann69]

Hallo,

ist das gewollt, das die Eingabezeile im Firefox / Iceweasel hier und da nach unten wandert? Dies tritt sowohl unter Linux als auch Android auf. Ich kann dies immer wieder nachvollziehen, in dem ich in die Zeile einen Befehl eingebe und diesen ausführen. Dann ist die Zeile unten. Klcike ich dann einen Button an, ist sie wieder oben.

[Blackcat]

ist das gewollt, das die Eingabezeile im Firefox / Iceweasel hier und da nach unten wandert?

Leider nein, passiert aber nur bei Befehlen, liegt scheinbar an fhemweb ... Das ios 7 Skin hat bei mir auch mal Hüpfer nach nun gemacht.. Die genaue Ursache habe ich aber noch nicht gefunden 

So das Dashboard style ist nun in der Beta und kommt morgen mit dem Update

[maxritti]

So, ich muss mich hier auch mal einmischen.
Und zwar mit einem dicken Lob.
Das Theme habe ich nun auch mal sowohl für das iPhone als auch für das iPad umgesetzt.
Mit den Icons macht das mal einen richtig guten Eindruck.

Danke Dir dafür für die Mühe.

Allerdings ist mir gerade noch etwas aufgefallen.
Wenn ich auf "Save config" klicke, verrutscht das Eingabefeld im Fhemweb.

Normalerweise steht das Eingabefeld ja oben.
Wenn ich auf "Save config" klicke verrutscht das Feld nach unten.

Ist das ein Feature bei dem Style? Ich denke mal nicht, dass das an configDB liegt.

[Bennemannc]

Hallo maxritti,

hast Du Dir die beiden Posts über Deinem durchgelesen ? Da steht doch, das es nicht am Style liegt, sondern woanders her kommt.

Gruß Christoph

[maxritti]

Oh ha.
Sorry, das hatte ich in der Tat nicht gelesen.

DUW

[toupman]

Also erst mal wieder ein dickes Lob an Blackcat !

Das Theme ist wirklich genial und seit meinem Update vor 10 Minuten sieht das Dashboard auch super aus.

Es gibt nur eine Kleinigkeit, die mir noch aufgefallen ist.

Ich habe im Dashboard und in der Menüleiste links das gleiche Icon verwendet und im Dashboard sieht es super aus und in der Menüleiste nicht ganz so toll. Es geht dabei um das RPi Icon. Kann man da noch was machen, dass es in der Menüleiste genauso toll aussieht?

MfG

Tobias

[Blackcat]

Habe die Ursache für das Problem gefunden, es ist die Aufrufreihenfolge der divs bei der Erzeugung der Seite aus fhemweb
Normal: erst hdr (Leiste oben) dann content
Fehlerfall: erst content und dann zuletzt nach menu etc. hdr (also deshalb auch unten)

Kann versuchen über eine absolute Position das hdr immer nach oben zu zwingen (dann ist aber auch das bouncing in ios weg )
Lieber wäre mir aber eine Anpassung im Fhemweb (werde ich mal nachfragen, was sich machen lässt)
EDIT: Fehlerbehebung im extra Thread angestoßen


@Icon:
Da scheint das Icon Probleme zu machen mit der Transparenz :/ bin nicht so der Profi mit inkskape, kann aber versuchen es zu fixen.