Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄

[Negalein]

@simatec sagte in Tester für Responsive Design Initiative gesucht:

Menü in Backitup

Menü im Backit gibts keins.
Die Tabs sind durch wischen erreichbar.

[simatec]

@negalein Darum ja meine Frage… ich möchte gerne wissen, was @black-falcon87 da genau meint

[black.falcon87]

@simatec
Ja genau das meine ich. Beim Backitup als Beispiel gibt es diese Navigationspunkte die durch seitliches Wischen erreicht werden. Nennen wir sie mal Tabs.
Ich persönlich fände das von der Optik schöner weil es sich irgendwie mehr integriert anfühlt.
Auch durch die Icons die mit enthalten sind.

Bei dem Beispiel hm-rega werden die drei Menüpunkte so als eine Art Overlay schwebend dargestellt. Die Hintergrund Farbe des Menüs passt irgendwie nicht so recht zu dem noch dunkleren Hintergrund dahinter.

Aber: Das ist sicherlich Geschmacksache :-)

Wobei die drei runden Buttons (Export, Import und Hilfe) würde ich einheitlich bei allen etwas anders darstellen. Vielleicht gemeinsam in einer eigenen Zeile oder so?

[black.falcon87]

Oder vielleicht eine Kombination:

Man lässt das Hamburgermenü aber es öffnet sich mehr über die gesamte Breite beim Smartphone

So wie zb hier:
https://market.websitex5.com/de/objekte/vorschau/109860b8-2f31-41b7-a3be-2731327326d?_ga=2.167500414.1135213192.1731560079-71678437.1731560079

Die Menüpunkte der Tabs könnten als große Buttons über das Smartphone ragen. Ein Icon passt auch bei jedem dazu. Stell dir die folgenden Zeilen Sample 1 bis Sample 4 als die Tabs aus Backitup vor. Natürlich farblich zum Admin passend, nicht mit diesem blauen Hintergrund

[Negalein]

@simatec

Fuelpricemonitor 0.4.1
Up-/Downloadpfeile überlagern in jeder Handyauflösung

Fullybrowser 3.0.12
Up-/Downloadpfeile überlagern in jeder Handyauflösung

History 3.0.1
Up-/Downloadpfeile überlagern in jeder Handyauflösung

Influxdb 4.0.2
Up-/Downloadpfeile überlagern in jeder Handyauflösung

[mcm1957]

Envertech PV 1.4.0 / Admin 7.3.1

Help und Up/Download Buttons überlappen
Tabelle nur mit Scrollen möglich
Tabs per scrollen erreichbar, da aber tw. hinter Up/Download verstecht suboptimal

[simatec]

@mcm1957 sowie ich mit @Bluefox dazu komme, werde ich mir die Punkte im Admin anschauen und auch für jsonConfig das Hamburger Menü für die Ansicht auf dem Smartphone einbauen.

[mcm1957]

@simatec
Schon klar - wollt den IST Stand hier nur dokumentieren.
Anpassungen jsonConfig komtm mit 1.4.0

[Negalein]

@simatec

Iqontrol 3.0.0
Scrollen nur in horizontaler Ausrichtung möglich

Logparser 2.2.2
Up-/Downloadpfeile überlagern in jeder Handyauflösung

Node-Red 5.2.1
Up-/Downloadpfeile überlagern in jeder Handyauflösung

Notification-Manager 1.3.0
Symbole rechts abgeschnitten (vertikale Ausrichtung)

[simatec]

@negalein sagte in Tester für Responsive Design Initiative gesucht:

Up-/Downloadpfeile

Das Thema wird im Admin generell für alle Adapter mit jsonConfig gefixt und ist bekannt.
Nur nicht wundern, dass ich die Adapter nicht mit in der Liste aufnehme

[spicer]

@simatec
Ist das der Grund, dass ich anfangs Monat immer "size attribute" Fehler bekomme?

[Jey Cee]

@spicer ja das ist der Grund.

[David G.]

@simatec

Kurze Zwischenfrage.
Bezieht sich die Initiative "nur" auf die Settings der Adapter (wurde bisher hier nur angesprochen) oder auch für Frontend mancher Adapter.

Zb im Javascriptadapter, echarts etc.

[Jey Cee]

@david-g zurzeit bezieht sich das nur auf die Einstellungen.

[David G.]

@jey-cee

Okay.

Wird ein seitliches Scrollen der Seite als nicht responsive angesehen?
Weil evtl ein Eingabefeld zu breit ist oder zu viele nebeneinander sind?

[Jey Cee]

@david-g sagte in Tester für Responsive Design Initiative gesucht:

Wird ein seitliches Scrollen der Seite als nicht responsive angesehen?
Weil evtl ein Eingabefeld zu breit ist oder zu viele nebeneinander sind?

Ja, das wird als nicht Responsive angesehen.
So weit möglich soll so etwas vermieden werden, aber es kann Konstellationen geben da lässt es sich einfach nicht vermeiden.

Wenn du da was hast das noch nicht hier Thema genannt wurde, immer her damit.

[simatec]

@david-g sagte in Tester für Responsive Design Initiative gesucht:

@simatec

Kurze Zwischenfrage.
Bezieht sich die Initiative "nur" auf die Settings der Adapter (wurde bisher hier nur angesprochen) oder auch für Frontend mancher Adapter.

Zb im Javascriptadapter, echarts etc.

Du kannst hier gerne auch andere Frontend Themen melden. Wir arbeiten parallel daran

[David G.]

Wireguard - Buttons überlagern

Trashschedule - Buttons überlagern

Linux-Control - hier klappt garnichts 😅

Devicewatcher - Buttons überlagern

Tankerkoenig - seitliches Scrollen, Feld für api zu breit

Telegram - Buttons überlagern

Lovace - Text schiebt sich ineinander

Und doch dann was in Frontend.
Es wäre klasse, wenn in Blockly die linke Seite mit den Blöcken kleiner wäre wie in der Desktopansicht am Smartphone (oder seitlich kleiner schiebbar).
Nutze Blockly in der Desktopansicht sehr viel. In der mobilen Ansicht nicht bedienbar.

[Feuersturm]

ValloxMV Adapter https://github.com/hacki11/ioBroker.valloxmv
Die Buttons für Readme, Speichern Laden der Konfiguration werden nicht angezeigt bei den Auflösungen xs, sm

Sind das Fälle die auch gemeldet werden sollen?

[Feuersturm]

Adapter daswetter https://github.com/rg-engineering/ioBroker.daswetter

xs - Hauptseite - Es kann nicht nach unten gescrollt werden
sm - Hauptseite - scrollen möglich aber es wird nicht die komplette Seite dargestellt. Unten fehlt eine Zeile

Adapter esphome

Es können in der mobilen Ansicht nicht alle Reiter ausgewählt werden
Im Geräte Reiter überlagern sich die einzelnen Spalten für die Daten

Adapter rega.0

Scrollen nicht möglich (gilt für alle Reiter)