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. Visualisierung
  4. Wichtige Fragen zum Widget basic number !

NEWS

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    14
    1
    133

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    12
    1
    563

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.7k

Wichtige Fragen zum Widget basic number !

Geplant Angeheftet Gesperrt Verschoben Visualisierung
10 Beiträge 4 Kommentatoren 1.7k Aufrufe
  • Ä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.
  • R Offline
    R Offline
    Rasputin
    schrieb am zuletzt editiert von
    #1

    Es gibt in den Erweiterte Einstellungen bei diesem Widget die Möglichkeit eine Qualitäts ID zu definieren.

    Je nach Wert true oder false kann eine Klasse zugewiesen werden.

    Was sind das für Klassen ?

    Handelt sich hierbei um CSS –Klassen wie sie in HTML mit dem token class="classname" benutzt werden, und wenn ja,

    was muss in die Eingabemasken Klasse bei Qualität true bzw. false eingetragen werden und wo werden diese Klassen deklariert ?

    Ein funktionierendes Beispiel wäre sehr hilfreich :idea:

    Danke

    Habe überschrift noch mal geändert.

    1 Antwort Letzte Antwort
    0
    • R Offline
      R Offline
      Rasputin
      schrieb am zuletzt editiert von
      #2

      Hallo Zusammen,

      leider habe ich noch keine Antwort zu meinem Problem bekommen, oder hat das noch niemand benutzt ? Zum besseren Verständis hier noch mal ein Bild der erweiterten Einstellungen die benötigten Felder habe ich markiert. Bis jetzt bin ich noch nicht dahinter gekommen was hier einzufügen ist.

      .
      4081_erweiterte_einstellungen.jpg

      1 Antwort Letzte Antwort
      0
      • T Offline
        T Offline
        tempestas
        schrieb am zuletzt editiert von
        #3

        nutzt wahrscheinlich keiner. Habe ich mich auch schon gefragt, für mich war es aber nicht "wichtig". Was genau ist denn wichtig daran?

        <size="85">ioBroker | 21 Adapter | Ubuntu Server | intel NUC | Homematic CCU2 | Hue | Osram Lightify| Sonos | 2x Instar Cam | Samsung Tab A 2016 im Holzrahmen| 3x Echo dot | 1x Echo | Neato Botvac D5</size>

        1 Antwort Letzte Antwort
        0
        • F Offline
          F Offline
          Fitti
          schrieb am zuletzt editiert von
          #4

          Ich habe es so verstanden, dass du z. B. selber CSSs anlegen kannst und dort bestimmte Klassen mit eigenen Styles anlegst.

          Dann kannst du ein Gerät oder ein Objekt zuweisen unter "Qualität ID".

          Wenn dieses Object/Gerät dann den Zustand "true" hat, dann bekommt dein Widget die classe von true und respektive bei false die Klasse von false.

          Du kannst also somit das aussehen des Basic Numbers Widget durch ein weiteres Gerät einfach anpassen, wenn du mit CSS dieses definierst.

          Ich muss aber gestehen, dass ich keine Lust hatte es auszuprobieren, hatte es aber so verstdanen.

          So long

          Fitti

          "Es wird die Zeit kommen, da ihr euch entscheiden müsst zwischen dem, was richtig ist, und dem, was bequem ist."
          Plural von Status ist auch Status!

          1 Antwort Letzte Antwort
          0
          • R Offline
            R Offline
            Rasputin
            schrieb am zuletzt editiert von
            #5

            Das es sich um CSS Klassen handelt habe ich auch schon gedacht, leider habe ich es aber nicht geschafft das widget in Abhängigkeit eines states damit zu ändern z.B. die Hintergrundfarbe. Deshalb suche ich nach einem funktionierenden Beispiel.

            Was ich damit bezwecken möchte ist das bei einer Verbindungsunterbrechnung eines Teilnehmers die angezeigten Werte alle farblich markiert werden.

            1 Antwort Letzte Antwort
            0
            • HomoranH Nicht stören
              HomoranH Nicht stören
              Homoran
              Global Moderator Administrators
              schrieb am zuletzt editiert von
              #6

              @Rasputin:

              Was ich damit bezwecken möchte ist das bei einer Verbindungsunterbrechnung eines Teilnehmers die angezeigten Werte alle farblich markiert werden. `
              Das kannst du mit einem einfachen Widget on/off auch hinbekommen.

              Da brauchst du keine Klassen sondern gibst einfach Farben (und icons) für true / false ein.,

              Gruß

              Rainer

              kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

              Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

              der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

              1 Antwort Letzte Antwort
              0
              • R Offline
                R Offline
                Rasputin
                schrieb am zuletzt editiert von
                #7

                Hallo Rainer,

                das ist leider nicht mein Anwendungsfall, ich möcht in Abhängigkeit von einem State mehrere Texte auf der Seite farblich ändern, das mit der Verbindungsunterbrechung war hier nur ein Beispiel aber wohl kein Gutes :roll:

                1 Antwort Letzte Antwort
                0
                • F Offline
                  F Offline
                  Fitti
                  schrieb am zuletzt editiert von
                  #8

                  Hmm, es gibt die valuelist Widgets. Evtl. kommst Du damit weiter. Siehe Bild. Da gibt es einige.

                  Ansonsten habe ich es so gelöst:

                  Ich habe per javascript htmlcode erzeugt und diesen in ein eigenes object geschrieben. Da bist du ja komplett frei und kannst machen, was du willst. Also bunter text, hintergrund, font usw. Halt alles was spaß macht.

                  Und dann habe ich einfach ein normales html widget genommen und dann das Object darin einfach eingefügt. Und schwups, ist der html code drinnen. Gibt es eine Änderung, erscheint diese sofort in vis.
                  578_2017-12-13_21_19_17-edit_vis.jpg
                  578_2017-12-13_21_13_53-edit_vis.jpg

                  "Es wird die Zeit kommen, da ihr euch entscheiden müsst zwischen dem, was richtig ist, und dem, was bequem ist."
                  Plural von Status ist auch Status!

                  1 Antwort Letzte Antwort
                  0
                  • R Offline
                    R Offline
                    Rasputin
                    schrieb am zuletzt editiert von
                    #9

                    Danke für den Tip,

                    das kann man so lösen bezogen auf eine Value Liste in Abhängigkeit von Werten die Anzeige zu ändern , bin auch schon auf dieses Widget gestoßen und habe damit experimentiert. Allerdings geht es in meinem Fall um um das Widget basic number. Da verhält es sich wohl etwas anders.

                    1 Antwort Letzte Antwort
                    -1
                    • HomoranH Nicht stören
                      HomoranH Nicht stören
                      Homoran
                      Global Moderator Administrators
                      schrieb am zuletzt editiert von
                      #10

                      Was du willst wenn ich es richtig verstanden habe, mehreren Widgets eine andere CSS Klasse zuweisen, wenn sich irgendetwas ändert.

                      Das ist ein ganz anderer Ansatz. Da musst du tief in die Trickkiste greifen.

                      Wenn man das Erscheinungsbild eines Widgets in Abhängigkeit des angezeigten Wertes ändern will muss man Widgets nehmen, die dafür ausgelegt sind.

                      Gruß

                      Rainer

                      kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                      der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                      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

                      834

                      Online

                      32.5k

                      Benutzer

                      81.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