Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [Vorstellung] Meine 2.te Visualisierung (Tablet)

    NEWS

    • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?

    • Monatsrückblick – September 2025

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

    [Vorstellung] Meine 2.te Visualisierung (Tablet)

    This topic has been deleted. Only users with topic management privileges can see it.
    • P
      ps1304 last edited by ps1304

      Da ich hier schon viel wertvollen Input abgreifen konnte, möchte ich hier mal meine 2.te Visualisierung incl. Projekt und Erklärung posten. Ich werde das nach und nach ergänzen - also bitte etwas Geduld.

      Hier mal 2 Bilder:
      834d7f66-5618-4868-bdd8-350260cd73b0-image.png
      Fiat-iobroker.png

      Aufbau der Vis:
      habe das Layout für ein Tablet gebaut. Das Layout ist nicht responsive; wer sich berufen fühlt darf das Projekt gerne umbauen.
      Die Vis hat einen Navigator, einen Header und einen "Body", den ich jeweils mit einer Seite (nur die wird editiert) befülle, dazu nutze ich das Element "view in widget".
      Die Seiten die angezeigt werden (in der VIS zur Ansicht), beginnen alle mit einem "_ -"; die Seiten die ich editiere(Inhalt verändern) haben den gleichen Namen wie die Anzeige-View (meistens), nur ohne "" .
      Die Seiten mit z
      sind meine Platzhalter bzw. Navigator und Header, aus denen ich immer wieder neue Seiten bei Bedarf generiere bzw. kopiere.

      Adapter als Requirement:
      vis-inventwo
      vis-icontwo
      vis-material
      vis-materialdesign

      Die Aufzählung ist vermutlich nicht vollständig, wenn Elemente in der VIS fehlen, müssen icon Adpater nachinstalliert werden.

      Navigator: z-menu
      z-menu.txt

      Header: z-top
      z-top.txt

      Als Beispiel hier mal die beiden Views mit dem Inhalt von Amazon und DHL (installiert ist der Adapter "parcel): die reine View für die VIS: "_amazon" - die View zum eiditieren des inhalts: "amazon". Nach diesem Muster bauen sich alle Seiten auf.

      Code der View amazon (importieren mit Views - View importieren):
      amazon.txt

      Code der View _amazon (importieren mit Views - View importieren):
      -amazon.txt

      Die Seite Fiat (Fiat Adapter erforderlich)
      Code der View Fiat (importieren mit Views - View importieren):
      Fiat.txt
      Code der View _Fiat (importieren mit Views - View importieren):
      _Fiat.txt

      DJMarc75 2 Replies Last reply Reply Quote 0
      • DJMarc75
        DJMarc75 @ps1304 last edited by

        @ps1304 und wie kann man Deine Visualisierungen sehen ?
        Hier haben nicht alle User Bock darauf eine VIS zu importieren.
        Zeig mal Screenshots davon 😉

        1 Reply Last reply Reply Quote 0
        • DJMarc75
          DJMarc75 @ps1304 last edited by

          @ps1304 gefällt mir - aber nimm mal Deine privaten Daten raus 😉

          1 Reply Last reply Reply Quote 0
          • First post
            Last post

          Support us

          ioBroker
          Community Adapters
          Donate

          736
          Online

          32.4k
          Users

          81.2k
          Topics

          1.3m
          Posts

          2
          3
          718
          Loading More Posts
          • Oldest to Newest
          • Newest to Oldest
          • Most Votes
          Reply
          • Reply as topic
          Log in to reply
          Community
          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
          The ioBroker Community 2014-2023
          logo