FHEM Forum

FHEM => Frontends => Thema gestartet von: jack_uf am 03 Februar 2013, 13:28:48

Titel: Fhemweb zu viele Räume --> sehe nicht mehr alles
Beitrag von: jack_uf am 03 Februar 2013, 13:28:48
Hallo

Ich habe Probleme auf der linken Seite im Fhemweb alles zu sehen. Entweder habe ich zu viele Räume oder einen Bildschirm mit zu wenig Auflösung. Zudem fehlt mir in diesem Bereich ein Scrollbalken. Hat mir jemand einen Tipp wie ich im linken Bereich (dort wo die Räume aufgelistet sind) zu einem Scrollbalken komme? Ich habe die aktuelle Version installiert und verwende den Firefox als Browser.

Besten Dank für die Hilfe

Gruss
Titel: Aw: Fhemweb zu viele Räume --> sehe nicht mehr alles
Beitrag von: Puschel74 am 03 Februar 2013, 16:13:27
Hallo,

ich habe links auch jede Menge "Räume" angelegt das ich mit Forefox runter scrollen muss.

Das geht aber direkt mit Firefox - die Spalte selbst hat keinen Scrollbalken.
Also meine FHEM-Version noch nicht sollte ich was verpasst haben.

Wenn dein Firefox (Update gemacht?) rechts keine Scrollbar hat wird evtl. die Seite nicht ganz geladen.
Das hab ich ab und zu mal auf meinem Tablet aber reload hilft immer - zumindest bei mir.

Grüße
Titel: Aw: Fhemweb zu viele Räume --> sehe nicht mehr alles
Beitrag von: punker am 03 Februar 2013, 19:16:23
Hallo,

habe auch das Problem, dass ich nicht alle Räume sehe und nicht runterscrollen kann!
Browser getestet: Opera, Firefox 19b4, IE 9
Titel: Aw: Fhemweb zu viele Räume --> sehe nicht mehr alles
Beitrag von: DC am 03 Februar 2013, 19:41:48
Bitte nur als Anregung verstehen:

Wenn man sich an FHEM auf dem iPhone Port 8084 anmeldet,
bekommt man ein Popup-Menü für die Räume.

Diese Funktion könnte als Vorlage dienen.
Titel: Aw: Fhemweb zu viele Räume --> sehe nicht mehr alles
Beitrag von: cge am 05 Februar 2013, 21:30:00
Hallo,

ich hatte bei mir durch folgende Änderung in style.css gelöst:

#menu    { position:fixed; top:152px;left:20px; width:140px; }

In dieser Zeile "fixed" durch "absolute" ersetzen (oder über stylesheetPrefix in einer eigenen Datei machen, die dann beim Update nicht überschrieben wird), dann scrollt auch das Menu mit und man erreicht auch die unteren Einträge.

Grüße,
Carsten
Titel: Aw: Fhemweb zu viele Räume --> sehe nicht mehr alles
Beitrag von: Rohan am 05 Februar 2013, 21:45:41
Hi,

ich reihe mich seit gerade auch ein bei den "links-nicht-mehr-Mitscrollern".

Ich habe etwas Struktur in meine wachsende Device-Anzahl gebracht und dabei sind 3 Räume mehr angefallen. Dadurch wird die Liste links länger als das Browser-Fenster (FF 18.0.1) hoch ist und sie scrollt nicht mehr mit, so wie man das von Frames her kennt.

Den Workaround oben werde ich prüfen, aber ich glaube, das bedarf einer generellen Lösung.

Gruß
Thomas
Titel: Aw: Fhemweb zu viele Räume --> sehe nicht mehr alles
Beitrag von: buddy am 06 Februar 2013, 10:57:09
Hallo zusammen,

ich hab das gleiche Problem, aber auf dem iPad mit Safari. Ich kann im Hochformat zwar alles noch erreichen, aber ständig zu wechseln ist schon nervig.

Wäre super wenn ihr die Änderung einchecken könntet (ich habe leider (noch) keinen Account) Danke!

buddy
Titel: Aw: Fhemweb zu viele Räume --> sehe nicht mehr alles
Beitrag von: buddy am 06 Februar 2013, 11:09:16
Zitat von: Rohan schrieb am Di, 05 Februar 2013 21:45Hi,
Den Workaround oben werde ich prüfen, aber ich glaube, das bedarf einer generellen Lösung.

Gruß
Thomas

Sorry hab dein Kommentar nicht ganz gelesen. Ich schätze mal dass damit bereits eine Lösung auf dem Weg ist? Besonders elegant wäre natürlich auch eine Scrollbar für das DIV.
Falls man sich hier produktiv einbringen kann bin ich natürlich gerne dabei :)

grüße
buddy

PS: hab ich die Funktion nur nicht gefunden oder kann man sein Kommentar nicht bearbeiten?
Titel: Aw: Fhemweb zu viele Räume --> sehe nicht mehr alles
Beitrag von: Rohan am 06 Februar 2013, 11:21:14
Hi buddy,

meine Anmerkung bezog sich auf diesen Beitrag (http://forum.fhem.de/index.php?topic=10804.msg62358#msg62358).

Und nein... "Tante Edith" (aka Beiträge editieren ;) ) scheitert an der Forensoftware. Daran wird aber mWn gearbeitet.

Gruß
Thomas
Titel: Aw: Fhemweb zu viele Räume --> sehe nicht mehr alles
Beitrag von: rudolfkoenig am 06 Februar 2013, 19:54:19
Konsequenter waere die "position" Attribute von log & menu jeweils zu entfernen, ist aber immer noch unschoen. Wenn jemand es mit dem separaten scrollbar fuer das menu hinkriegt, bitte melden.
Titel: Aw: Fhemweb zu viele Räume --> sehe nicht mehr alles
Beitrag von: Markus Bloch am 06 Februar 2013, 23:43:44
Hi,

man müsste nur den <div>-Block in dem das Menü (in CSS => #menu) enthalten ist, CSS mäßig auf die Höhe des Fensters ausrichten und dann:

overflow:auto;

nur müsste man dazu am besten einen Div-Block bilden, der das Logo mit einschließt und dann "height:100%;" erhält (oder 95%) mit overflow:auto;

Dan währe das gelöst, nur leider weis ich nicht, wo man in FHEMWEB.pm genau diesen <div> block einschieben könnte.

Diesen Parameter habe ich schon früher bei Webseiten verwendet.

Viele Grüße

Markus

Titel: Aw: Fhemweb zu viele Räume --> sehe nicht mehr alles
Beitrag von: Rohan am 07 Februar 2013, 19:18:50
Hmmm...

was ich nicht ganz verstehe: In der Darstellung für Tablets und auf einem Tablet (hier Android), also über Port 8085, funktioniert das ganze super. Die linke Auswahlleiste wird bereits bei der leeren Startseite schön mit hin- und hergeschoben.

Gruß
Thomas
Titel: Aw: Fhemweb zu viele Räume --> sehe nicht mehr alles
Beitrag von: rudolfkoenig am 08 Februar 2013, 11:05:31
Vmtl. wird auf diesem Android Tablet das Verhalten der iPhone/iPad imitiert: dieser ignoriert das css-Attribut position:fixed
Um die Leute nicht zu verwirren, bzw. auf dem Desktop das gleiche wie auf dem iPad zu zeigen ist im touchpadstyle.css dieses Attribut auf position:absolute gesetzt.
Titel: Aw: Fhemweb zu viele Räume --> sehe nicht mehr alles
Beitrag von: rudolfkoenig am 08 Februar 2013, 11:13:09
> nur müsste man dazu am besten einen Div-Block bilden, der das Logo mit einschließt und dann "height:100%;" erhält (oder 95%) mit overflow:auto;

Meiner Erfahrung nach ist die CSS-Theorie immer einfach, die Praxis aber komplex: ich ueberlasse das Experimentieren anderen.

Ich empfehle eine Kopie der fhem-Seite per "Save Page As..." im Browser anzulegen, und an diesem die notwendigen Aenderungen durchfuehren. Wenn es funktioniert, dann hier das Ergebnis posten, ich werde sie pruefen und in FHEMWEB einbauen.
Titel: Aw: Fhemweb zu viele Räume --> sehe nicht mehr alles
Beitrag von: Markus Bloch am 08 Februar 2013, 12:24:05
Werde ich machen.

Viele Grüße

Markus
Titel: Aw: Fhemweb zu viele Räume --> sehe nicht mehr alles
Beitrag von: Markus Bloch am 09 Februar 2013, 12:11:48
Hallo rudi,

anbei mein erfolgreicher Versuch. Geändert wurden in der style.css:

Zitat#logo {
    width: 120px; height: 132px; background-image: url("./files/fhemicon.png");
}
#menu {
    width: 140px;
}

#scrollarea {
        width: 150px; left: 0px; top: 0px; position fixed; height: 100%; overflow: auto;
}

Die Id "scrollarea" ist neu und bezeichnet ein Div-Element, welches um das Logo und das Menü gelegt wurde.

In der HTML-Seite an sich, wurde das Menü-DIV nach oben direkt unter das Logo-gesetzt und darum ein DIV-Element mit der Id "scrollarea" gelegt.

Wie man das in FHEMWEB anpassen muss, weis ich leider nicht.

Getestet mit Firefox, Chrome und Internet Explodierer.

Viele Grüße

Markus
Titel: Aw: Fhemweb zu viele Räume --> sehe nicht mehr alles
Beitrag von: Markus Bloch am 09 Februar 2013, 12:13:01
Die Pfadänderungen sind meiner lokalen Kopie geschuldet ;-)
Titel: Aw: Fhemweb zu viele Räume --> sehe nicht mehr alles
Beitrag von: Markus Bloch am 09 Februar 2013, 13:53:56
Währe natürlich toll, wenn du mir eine Version von FHEMWEB.pm mit den Änderungen vor Ab zur Verfügung stellen könntest um das CSS noch rund zu machen.

Viele Grüße

Markus
Titel: Aw: Fhemweb zu viele Räume --> sehe nicht mehr alles
Beitrag von: rudolfkoenig am 10 Februar 2013, 19:09:15
Danke, habs modifiziert (damit menu/logo nicht am Rand kleben, und es keinen x-scroller gibt), getestet auf firefox/safari/IE8, und eingecheckt.

Das Problem bestand weder fuer darkstyle (verwendet kein position:fixed), noch fuer touchpad
Titel: Aw: Fhemweb zu viele Räume --> sehe nicht mehr alles
Beitrag von: Rohan am 11 Februar 2013, 21:57:19
Hmmm...

danke für die Anpassung, aber das  (Scrollbalken) sieht für mich wie "Web 1.0" aus (Frames). Was spricht dagegen, die linke Auswahlliste bereits auf der (leeren) Startseite "mitlaufen" zu lassen?

Aber wenn es (allgemein) so gewünscht ist / wird, werde ich mich damit anfreunden (müssen ;) ).

Gruß
Thomas