Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Einsteigerfragen
  4. Navigationsview, Buttonaufbau, Seitenbegrenzung

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.2k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.2k

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    25
    1
    2.6k

Navigationsview, Buttonaufbau, Seitenbegrenzung

Geplant Angeheftet Gesperrt Verschoben Ungelöst Einsteigerfragen
3 Beiträge 2 Kommentatoren 329 Aufrufe 2 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • W Offline
    W Offline
    Wiesel 1
    schrieb am zuletzt editiert von
    #1

    Hallo Zusammen,

    ich bastel jetzt seit ein paar Tagen an meiner VIS.
    Aktuell sind ein paar Fragen aufgelaufen zu der ich über diverse Suchen nichts finde.

    1. Spiegelung von Icons oder Buttons auf meine Navigationsseite unterbinden

    Ich habe mir eine Navigationsseite angelegt. Dann mit View in Widget die Navigationsleiste als Ausschnitt in eine weitere Seite eingefügt und auf die restlichen Seiten (außer Navigation) gespiegelt.
    Wenn ich mir jetzt auf einer Seite einen Button reinziehe, wird der ebenfalls in der Navigatiosseite angelegt.
    Diese wird somit zugemüllt.
    Ich kann das dort zwar regelmäßig markieren und löschen ohne Auswirkung auf die anderen Views aber wie kann man das unterbinden?

    1. Buttonaufbau - Ich verwende gerade Inventwo Universal Button

    Diese habe ich als Background angelegt in 2 Ebenen.
    Untere Ebene mit Rechtsausrichtung der Werte Und Absatzumbruch für jede Zeile per Html über Beschriftung z.B. falsch.
    Obere Ebene mit halber Breite für die Zuordnung der Werte und Trennschatten ausgeschaltet, so das es am Ende wie eine Fläche aussieht. Geht das eleganter bzw. einfacher zu lösen?

    Button.PNG

    1. Seitenbegrenzung auf Tablet

    Die Anzeige auf meinem Tablet passt soweit. Ich kann aber endlos nach rechts und unten scrollen, allso in den leeren Hintergrund. Kann man hier in der VIS eine Seitenbegrenzzung anlegen?

    Danke für Eure Antworten Grüße Wiesel

    BananaJoeB 1 Antwort Letzte Antwort
    0
    • W Wiesel 1

      Hallo Zusammen,

      ich bastel jetzt seit ein paar Tagen an meiner VIS.
      Aktuell sind ein paar Fragen aufgelaufen zu der ich über diverse Suchen nichts finde.

      1. Spiegelung von Icons oder Buttons auf meine Navigationsseite unterbinden

      Ich habe mir eine Navigationsseite angelegt. Dann mit View in Widget die Navigationsleiste als Ausschnitt in eine weitere Seite eingefügt und auf die restlichen Seiten (außer Navigation) gespiegelt.
      Wenn ich mir jetzt auf einer Seite einen Button reinziehe, wird der ebenfalls in der Navigatiosseite angelegt.
      Diese wird somit zugemüllt.
      Ich kann das dort zwar regelmäßig markieren und löschen ohne Auswirkung auf die anderen Views aber wie kann man das unterbinden?

      1. Buttonaufbau - Ich verwende gerade Inventwo Universal Button

      Diese habe ich als Background angelegt in 2 Ebenen.
      Untere Ebene mit Rechtsausrichtung der Werte Und Absatzumbruch für jede Zeile per Html über Beschriftung z.B. falsch.
      Obere Ebene mit halber Breite für die Zuordnung der Werte und Trennschatten ausgeschaltet, so das es am Ende wie eine Fläche aussieht. Geht das eleganter bzw. einfacher zu lösen?

      Button.PNG

      1. Seitenbegrenzung auf Tablet

      Die Anzeige auf meinem Tablet passt soweit. Ich kann aber endlos nach rechts und unten scrollen, allso in den leeren Hintergrund. Kann man hier in der VIS eine Seitenbegrenzzung anlegen?

      Danke für Eure Antworten Grüße Wiesel

      BananaJoeB Online
      BananaJoeB Online
      BananaJoe
      Most Active
      schrieb am zuletzt editiert von BananaJoe
      #2

      @wiesel-1 zu 3.

      Und unter Tools => Auflösung nicht mehr einstellen als dein Tablet kann

      Wenn das nicht reicht probiere folgendes:
      in VIS im Reiter CSS folgendes hinzufügen:

      body {
       overflow: hidden; /* Hide scrollbars */
      }
      

      ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 10 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV APC 750W kaskadiert || Creality CR-10 SE 3D-Drucker

      W 1 Antwort Letzte Antwort
      0
      • BananaJoeB BananaJoe

        @wiesel-1 zu 3.

        Und unter Tools => Auflösung nicht mehr einstellen als dein Tablet kann

        Wenn das nicht reicht probiere folgendes:
        in VIS im Reiter CSS folgendes hinzufügen:

        body {
         overflow: hidden; /* Hide scrollbars */
        }
        
        W Offline
        W Offline
        Wiesel 1
        schrieb am zuletzt editiert von Wiesel 1
        #3

        @bananajoe Danke für deine Antwort!

        Ich habe die Frage nun durch Selbststudium gelöst ;-)...
        Falls andere Anfänger auf diese Probleme stoßen:

        zu 1. Das Problem tritt nur noch sporadisch auf... immer noch ungeklärt...

        zu 2. Die Anordnung habe ich so ganz gut im Griff, nur das man nicht so einfach die Zustände anpassen kann, da zuviel in einem Button steht. Somit kann der Text aus meiner Sicht nur über Blockly und eigenen Datenpunkt geändert werden.

        zu 3. Die Browser haben eine geringere Auflösung. Hier habe ich den Hinweis mit dem ScreenResolutionWidget gefunden. Das Widget in Größe 0/0/x/x anlegen und Background farbig. Dann die Größe "x" anpassen und am Endgerät testen. Damit habe ich ein gutes Ergebnis erreicht und die Views passen.

        1 Antwort Letzte Antwort
        0
        Antworten
        • In einem neuen Thema antworten
        Anmelden zum Antworten
        • Älteste zuerst
        • Neuste zuerst
        • Meiste Stimmen


        Support us

        ioBroker
        Community Adapters
        Donate

        554

        Online

        32.7k

        Benutzer

        82.4k

        Themen

        1.3m

        Beiträge
        Community
        Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
        ioBroker Community 2014-2025
        logo
        • Anmelden

        • Du hast noch kein Konto? Registrieren

        • Anmelden oder registrieren, um zu suchen
        • Erster Beitrag
          Letzter Beitrag
        0
        • Home
        • Aktuell
        • Tags
        • Ungelesen 0
        • Kategorien
        • Unreplied
        • Beliebt
        • GitHub
        • Docu
        • Hilfe