Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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. Visualisierung
  4. VIS "aufräumen"

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    738

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

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

VIS "aufräumen"

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
10 Beiträge 3 Kommentatoren 1.7k Aufrufe 8 Beobachtet
  • Ä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.
  • ub.privatU Offline
    ub.privatU Offline
    ub.privat
    schrieb am zuletzt editiert von
    #1

    Moin.moin,

    es kennt sicher jeder, am gestalten und verändern der Visu wird man(n) nie fertig!
    Aktuell möchte ich meine Rollladen- und Jalousie-Steuerung "aufräumen".
    Konkret sind 18 Widgets auf einer Seite platziert. Ergo, es ist klein und unübersichtlich auf einem 10" Tablett.

    Meine konkrete Idee sieht wie folgt aus:
    Es gibt nur EIN Widget, sowohl für Rollladen und Jalousie.
    Mittels einer Value-List wähle ich den entsprechenden Aktor aus.
    Somit wird das Widget auf die entsprechenden Datenpunkte eingestellt.
    Weiterhin steht in der Anzeige, welchen Aktor ich ausgewählt habe.

    Ich hoffe, es ist soweit verständlich formuliert.
    Da ich nun nicht der Programmier vorm Herrn bin, geht meine Frage hier ins Forum, OB und WIE eventuell genau dieses oder ähnliches Vorhaben realisiert wurde!?
    Value-List wende ich bereits an, diverse Slider, Prozessanzeigen sind auch in Verwendung.
    Ich habe nur keinen 'Plan', wie ich im Widget gemäß der Vorwahl aus der value-list dem Slider oä. den Datenpunkt zuordne??

    Hoffentlich versteht ihr meinen Plan des Aufräumens!? 😳

    L 1 Antwort Letzte Antwort
    0
    • ub.privatU ub.privat

      Moin.moin,

      es kennt sicher jeder, am gestalten und verändern der Visu wird man(n) nie fertig!
      Aktuell möchte ich meine Rollladen- und Jalousie-Steuerung "aufräumen".
      Konkret sind 18 Widgets auf einer Seite platziert. Ergo, es ist klein und unübersichtlich auf einem 10" Tablett.

      Meine konkrete Idee sieht wie folgt aus:
      Es gibt nur EIN Widget, sowohl für Rollladen und Jalousie.
      Mittels einer Value-List wähle ich den entsprechenden Aktor aus.
      Somit wird das Widget auf die entsprechenden Datenpunkte eingestellt.
      Weiterhin steht in der Anzeige, welchen Aktor ich ausgewählt habe.

      Ich hoffe, es ist soweit verständlich formuliert.
      Da ich nun nicht der Programmier vorm Herrn bin, geht meine Frage hier ins Forum, OB und WIE eventuell genau dieses oder ähnliches Vorhaben realisiert wurde!?
      Value-List wende ich bereits an, diverse Slider, Prozessanzeigen sind auch in Verwendung.
      Ich habe nur keinen 'Plan', wie ich im Widget gemäß der Vorwahl aus der value-list dem Slider oä. den Datenpunkt zuordne??

      Hoffentlich versteht ihr meinen Plan des Aufräumens!? 😳

      L Offline
      L Offline
      lesiflo
      Most Active
      schrieb am zuletzt editiert von lesiflo
      #2

      @ub-privat:
      Moin,
      Tip von mir. Arbeite doch mit Dialogen. So habe ich das gemacht. Ein Ansicht für alle Rollläden mit den wichtigen Infos und beim Anklicken des jeweilen Objekts geht dann ein Dialog mit weiteren Möglichkeiten auf. Ich habe es minimal gehalten da bei uns die Rolladen automatisch über Zeit und Sonne gesteuert werden. Mit den Heizungen und einigen Lampen verfahre ich genauso.

      Rolläden
      Rolläden.JPG

      Heizung
      Heizung.JPG

      Licht
      Licht.JPG

      ub.privatU 1 Antwort Letzte Antwort
      1
      • L lesiflo

        @ub-privat:
        Moin,
        Tip von mir. Arbeite doch mit Dialogen. So habe ich das gemacht. Ein Ansicht für alle Rollläden mit den wichtigen Infos und beim Anklicken des jeweilen Objekts geht dann ein Dialog mit weiteren Möglichkeiten auf. Ich habe es minimal gehalten da bei uns die Rolladen automatisch über Zeit und Sonne gesteuert werden. Mit den Heizungen und einigen Lampen verfahre ich genauso.

        Rolläden
        Rolläden.JPG

        Heizung
        Heizung.JPG

        Licht
        Licht.JPG

        ub.privatU Offline
        ub.privatU Offline
        ub.privat
        schrieb am zuletzt editiert von
        #3

        @lesiflo

        vielen Dank für Deinen Vorschlag!
        daran habe ich noch gar nicht gedacht...
        Mit welchen Widget arbeitest Du vorrangig? Frage deshalb, wer Deine Visu sehr ansprechend aussieht!
        D.h. wieder viele neue Ideen, die im Kopf kreisen!

        Du wählst quasi ein Fenster an, der Dialog öffnet sich, Einstellungen werden vorgenommen, Dialog schließt sich, Aktion wird ausgeführt, ggf. ändern sich relevante Daten in der Hauptanzeige. Klingt plausibel...

        Wird das Dialogfenster in einem separatem View gehalten?

        Ich möchte nicht "unvermessen" klingen, aber dennoch bitten, ob du bitte ein Beispiel zur Verfügung stellen könntest?
        Würde unwahrscheinlich helfen ...

        DANKE für deinen Input!

        L 1 Antwort Letzte Antwort
        0
        • ub.privatU ub.privat

          @lesiflo

          vielen Dank für Deinen Vorschlag!
          daran habe ich noch gar nicht gedacht...
          Mit welchen Widget arbeitest Du vorrangig? Frage deshalb, wer Deine Visu sehr ansprechend aussieht!
          D.h. wieder viele neue Ideen, die im Kopf kreisen!

          Du wählst quasi ein Fenster an, der Dialog öffnet sich, Einstellungen werden vorgenommen, Dialog schließt sich, Aktion wird ausgeführt, ggf. ändern sich relevante Daten in der Hauptanzeige. Klingt plausibel...

          Wird das Dialogfenster in einem separatem View gehalten?

          Ich möchte nicht "unvermessen" klingen, aber dennoch bitten, ob du bitte ein Beispiel zur Verfügung stellen könntest?
          Würde unwahrscheinlich helfen ...

          DANKE für deinen Input!

          L Offline
          L Offline
          lesiflo
          Most Active
          schrieb am zuletzt editiert von lesiflo
          #4

          @ub-privat Mein Vis basiert auf dem Material Design von Uhula mit Erweiterungen aus den Material Design Widgets von Scrounger

          https://forum.iobroker.net/topic/23917/einfach-mal-zeigen-will-teil-3/20 -> Meine VIS hatte ich mal hier vorgestellt. Ist aber mittlerweile etwas mehr geworden.

          Die Grafik für die Dialoge werden auf einem eigenen Widget erstellt und dann über den Adapter jqui -> container - HTML view in jqui Dialog aufgerufen. Diese lege ich dann ohne Text oder Icon über den anzuklickenden Bereich. Darauf achten das es den höhsten z-index hat.

          Du kannst aber auch den Icon view Dialog nehmen, wenn du durch Anklicken eines Symbols ein Fenster haben möchtest

          Dialog.jpg

          Dialog_2.JPG

          Mit den Dialogen arbeite ich recht viel um die eigentliche Vis einfach zu halten
          und mir nur bei Bedarf Parameter anzuschauen oder Einstellungen zu verändern.

          ub.privatU 2 Antworten Letzte Antwort
          0
          • D Offline
            D Offline
            dtp
            schrieb am zuletzt editiert von dtp
            #5

            Oh, sehe gerade, dass man ja auch Prozentwerte bei der Position der Dialogfenster angeben kann. Ich mache das bisher immer mit absoluten Pixelwerten. Auf was beziehen sich denn die Prozentwerte. Auf die tatsächliche Auflösung des anzeigenden Displays oder auf die View-Voreinstellungen?

            Das Arbeiten mit Dialogen kann ich auch nur empfehlen. Mache das so schon seit einigen Jahren und bin sehr zufrieden damit. Ich benutze Dialogfenster aber nicht nur zum Steuern, sondern auch zum Anzeigen von Flot-Diagrammen und Kameras.

            Hatte dazu auch mal eine kleines Video meiner Visualisierung auf dem iPhone X gepostet.

            ioBroker im Docker-Container auf Synology DiskStation DS718+, HomeMatic IP über CCU3, IKEA Dirigera inkl. Matter, Apple Homekit, Amazon Alexa.

            1 Antwort Letzte Antwort
            0
            • L lesiflo

              @ub-privat Mein Vis basiert auf dem Material Design von Uhula mit Erweiterungen aus den Material Design Widgets von Scrounger

              https://forum.iobroker.net/topic/23917/einfach-mal-zeigen-will-teil-3/20 -> Meine VIS hatte ich mal hier vorgestellt. Ist aber mittlerweile etwas mehr geworden.

              Die Grafik für die Dialoge werden auf einem eigenen Widget erstellt und dann über den Adapter jqui -> container - HTML view in jqui Dialog aufgerufen. Diese lege ich dann ohne Text oder Icon über den anzuklickenden Bereich. Darauf achten das es den höhsten z-index hat.

              Du kannst aber auch den Icon view Dialog nehmen, wenn du durch Anklicken eines Symbols ein Fenster haben möchtest

              Dialog.jpg

              Dialog_2.JPG

              Mit den Dialogen arbeite ich recht viel um die eigentliche Vis einfach zu halten
              und mir nur bei Bedarf Parameter anzuschauen oder Einstellungen zu verändern.

              ub.privatU Offline
              ub.privatU Offline
              ub.privat
              schrieb am zuletzt editiert von
              #6

              @lesiflo

              Danke für die ausführlichen Details!
              Nun habe ich einen Denkanstoß und Inspiration.
              Zwar etwas "anders" als gedacht, aber auch eine tolle Herangehensweise.
              Melde mich, wenn ich ins Stocken gerade... Jetzt KREATIVPHASE! 😁 🤗 👍

              1 Antwort Letzte Antwort
              0
              • L lesiflo

                @ub-privat Mein Vis basiert auf dem Material Design von Uhula mit Erweiterungen aus den Material Design Widgets von Scrounger

                https://forum.iobroker.net/topic/23917/einfach-mal-zeigen-will-teil-3/20 -> Meine VIS hatte ich mal hier vorgestellt. Ist aber mittlerweile etwas mehr geworden.

                Die Grafik für die Dialoge werden auf einem eigenen Widget erstellt und dann über den Adapter jqui -> container - HTML view in jqui Dialog aufgerufen. Diese lege ich dann ohne Text oder Icon über den anzuklickenden Bereich. Darauf achten das es den höhsten z-index hat.

                Du kannst aber auch den Icon view Dialog nehmen, wenn du durch Anklicken eines Symbols ein Fenster haben möchtest

                Dialog.jpg

                Dialog_2.JPG

                Mit den Dialogen arbeite ich recht viel um die eigentliche Vis einfach zu halten
                und mir nur bei Bedarf Parameter anzuschauen oder Einstellungen zu verändern.

                ub.privatU Offline
                ub.privatU Offline
                ub.privat
                schrieb am zuletzt editiert von
                #7

                @lesiflo

                ups, das bedeutet für jeden Rollladen/Jalousie ein View?
                Ok, dann wird der Ansichtsview mit den Widgets aufgeräumter ausschauen, aber im Nachgang habe ich ein Vielzahl Views (konkret 18!).

                Bei meinem Denkansatz wollte ich das "vermeiden"....

                L 1 Antwort Letzte Antwort
                0
                • ub.privatU ub.privat

                  @lesiflo

                  ups, das bedeutet für jeden Rollladen/Jalousie ein View?
                  Ok, dann wird der Ansichtsview mit den Widgets aufgeräumter ausschauen, aber im Nachgang habe ich ein Vielzahl Views (konkret 18!).

                  Bei meinem Denkansatz wollte ich das "vermeiden"....

                  L Offline
                  L Offline
                  lesiflo
                  Most Active
                  schrieb am zuletzt editiert von
                  #8

                  @ub-privat Du kannst ja auch einzelne Räume in einen Dialog packen und nicht jedes einzelnes Rollo. Hab ich auch so zum Teil gemacht.

                  Rollo.JPG

                  ub.privatU 1 Antwort Letzte Antwort
                  0
                  • L lesiflo

                    @ub-privat Du kannst ja auch einzelne Räume in einen Dialog packen und nicht jedes einzelnes Rollo. Hab ich auch so zum Teil gemacht.

                    Rollo.JPG

                    ub.privatU Offline
                    ub.privatU Offline
                    ub.privat
                    schrieb am zuletzt editiert von
                    #9

                    @lesiflo

                    Hallöchen,

                    bei dem Schitt-Wetter ist Visu-Gestaltung eine willkommene Beschäftigung.
                    Habe deine Anregungen mal umgesetzt und denke damit leben zu können.

                    Eine Frage besteht aber - wie bekomme ich die "schaudrigen" Bildlaufleisten und Bildfenster weg?
                    d8091fc6-5f9f-4592-8b9c-bd51e445f105-grafik.png
                    Habe bereits wie folgt eingestellt:
                    b8452622-8bf9-47a3-b603-c07f99528a91-grafik.png
                    Hääte gern nur den grauen Rahmen "Beschattung Erdgeschoß" als Dialog.

                    L 1 Antwort Letzte Antwort
                    0
                    • ub.privatU ub.privat

                      @lesiflo

                      Hallöchen,

                      bei dem Schitt-Wetter ist Visu-Gestaltung eine willkommene Beschäftigung.
                      Habe deine Anregungen mal umgesetzt und denke damit leben zu können.

                      Eine Frage besteht aber - wie bekomme ich die "schaudrigen" Bildlaufleisten und Bildfenster weg?
                      d8091fc6-5f9f-4592-8b9c-bd51e445f105-grafik.png
                      Habe bereits wie folgt eingestellt:
                      b8452622-8bf9-47a3-b603-c07f99528a91-grafik.png
                      Hääte gern nur den grauen Rahmen "Beschattung Erdgeschoß" als Dialog.

                      L Offline
                      L Offline
                      lesiflo
                      Most Active
                      schrieb am zuletzt editiert von
                      #10

                      @ub-privat Das liegt daran, das ich mit dem Material Design von Uhula arbeite. Da sind die zusätzlichen Rahmen nicht vorhanden. Wie das ohne das geht kann ich dir leider nicht sagen. Schon Mal Breite oder Höhe verändert?

                      1 Antwort Letzte Antwort
                      0

                      Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                      Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                      Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                      Registrieren Anmelden
                      Antworten
                      • In einem neuen Thema antworten
                      Anmelden zum Antworten
                      • Älteste zuerst
                      • Neuste zuerst
                      • Meiste Stimmen


                      Support us

                      ioBroker
                      Community Adapters
                      Donate

                      315

                      Online

                      32.8k

                      Benutzer

                      82.7k

                      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