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. Widgets positionieren

NEWS

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    8
    1
    481

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    10
    1
    396

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

Widgets positionieren

Geplant Angeheftet Gesperrt Verschoben Visualisierung
2 Beiträge 2 Kommentatoren 301 Aufrufe 2 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.
  • L Offline
    L Offline
    lugge86
    schrieb am zuletzt editiert von lugge86
    #1

    Hi ihr,

    ich habe in meiner VIS einige Seiten die mehrere View-in-widgets beinhalten, z.B. für die unterschiedlichen Gewerke.
    Mir gefällt die Kachel-Anordnung ganz gut, wie z.B. hier zu sehen https://raw.githubusercontent.com/ioBroker/ioBroker.vis-metro/master/img/Demo2.png
    Es gibt also größere und kleinere Kacheln, aber trotzdem wirkt immer alles irgendwie geordnet.
    Erinnert etwas an die Petersburgische Bilderhängung :-)

    Meine Frage: wie positioniert ihr solche Widgets?
    Momentan zeichne ich mir das Layout immer auf und berechne die Koordinaten und Breite/Höhe einer jeden Kachel von Hand. Aber das ist natürlich ne ziemliche Arbeit. Wenn sich was ändert muss ich im Prinzip alle Elemente neu anordnen.
    Ganz Früher hätte man sowas mit html-Tabellen gelöst ;-)

    Ich hab auch mit dem Grid- bzw. Masonry-View-Widget von scrounger experimentiert.
    Das scheint mir aber in eine etwas andere Richtung zu gehen. Mir geht es nicht um responsives Design.
    Ich möchte auch nicht, dass die Kacheln irgendwo hingelegt werden wo die engine denkt hier sei gerade genug Platz frei. Ich möchte schon das grobe Layout selber vorgeben können.
    Nur möchte ich mich nicht mehr mit den lästigen Berechnungen auf Pixelebene herumärgern müssen.
    Kann man das grid- oder masonry-widget vielleicht irgendwie soweit kastrieren dass sie mir die Kacheln schön anordnen, aber da wo ich möchte?
    Oder gibt es eine andere Lösung dafür?

    arteckA 1 Antwort Letzte Antwort
    0
    • L lugge86

      Hi ihr,

      ich habe in meiner VIS einige Seiten die mehrere View-in-widgets beinhalten, z.B. für die unterschiedlichen Gewerke.
      Mir gefällt die Kachel-Anordnung ganz gut, wie z.B. hier zu sehen https://raw.githubusercontent.com/ioBroker/ioBroker.vis-metro/master/img/Demo2.png
      Es gibt also größere und kleinere Kacheln, aber trotzdem wirkt immer alles irgendwie geordnet.
      Erinnert etwas an die Petersburgische Bilderhängung :-)

      Meine Frage: wie positioniert ihr solche Widgets?
      Momentan zeichne ich mir das Layout immer auf und berechne die Koordinaten und Breite/Höhe einer jeden Kachel von Hand. Aber das ist natürlich ne ziemliche Arbeit. Wenn sich was ändert muss ich im Prinzip alle Elemente neu anordnen.
      Ganz Früher hätte man sowas mit html-Tabellen gelöst ;-)

      Ich hab auch mit dem Grid- bzw. Masonry-View-Widget von scrounger experimentiert.
      Das scheint mir aber in eine etwas andere Richtung zu gehen. Mir geht es nicht um responsives Design.
      Ich möchte auch nicht, dass die Kacheln irgendwo hingelegt werden wo die engine denkt hier sei gerade genug Platz frei. Ich möchte schon das grobe Layout selber vorgeben können.
      Nur möchte ich mich nicht mehr mit den lästigen Berechnungen auf Pixelebene herumärgern müssen.
      Kann man das grid- oder masonry-widget vielleicht irgendwie soweit kastrieren dass sie mir die Kacheln schön anordnen, aber da wo ich möchte?
      Oder gibt es eine andere Lösung dafür?

      arteckA Offline
      arteckA Offline
      arteck
      Developer Most Active
      schrieb am zuletzt editiert von
      #2

      @lugge86 die knöppe ganz oben zur senkrechten und wagerechten positionierug kennst du aber ja ??
      die VIS ist so gebaut das DU alles selber beliebeig positionieren kannst..

      zigbee hab ich, zwave auch, nuc's genauso und HA auch

      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

      306

      Online

      32.8k

      Benutzer

      82.8k

      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