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

  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Custom CSS

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.4k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.0k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.5k

Custom CSS

Geplant Angeheftet Gesperrt Verschoben Visualisierung
9 Beiträge 4 Kommentatoren 3.5k 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.
  • P Offline
    P Offline
    Pman
    schrieb am zuletzt editiert von
    #1

    Wenn ich in meinem Projekt in vis eigenes CSS einfüge bekomme ich das im View nicht angezeigt. Ich habe es sowohl Projekt bezogen als auch Global versucht.

    Sollte das eigene CSS in vis-common-user.css landen? Diese Datei ist bei mir nämlich leer.

    1 Antwort Letzte Antwort
    0
    • andreA Offline
      andreA Offline
      andre
      Developer
      schrieb am zuletzt editiert von
      #2

      Ich reaktiviere das hier nochmal, da es das einzige Thema ist, dass ich zu meinem Problem gefunden habe.

      Kämpfe gerade ebenfalls mit dem CSS Reiter im Editor. Wenn ich dort was rein schreibe, finde ich es im View nicht wieder. Gibt es da einen Bug oder ist mein Handling vielleicht einfach nur fehlerhaft?

      Und was hat es mit dem vis-common-user.css auf sich? Wenn ich den View analysiere wird mir eine leere CSS-Datei angezeigt. Im entsprechenden CSS-Verzeichnis gibt es sie jedoch nicht. Wie wird diese CSS-Datei erzeugt? Wo kommt sie her und wie kann ich sie ggf. anpassen? Meine Auffassung wäre ebenso, dass dies die Datei sein müsste, in den die Custom-CSS Informationen zu finden sind.

      Hoffe es kann mir wer helfen. Danke.

      MfG,

      André

      Bitte keine Support-Fragen per PN! Nutzt die öffentliche Kanäle damit auch andere von den Antworten profitieren können!

      1 Antwort Letzte Antwort
      0
      • P Offline
        P Offline
        pix
        schrieb am zuletzt editiert von
        #3

        Hallo andre,@andre:

        Kämpfe gerade ebenfalls mit dem CSS Reiter im Editor. Wenn ich dort was rein schreibe, finde ich es im View nicht wieder. `
        was genau meinst du mit "ich finde es im View nicht wieder"?

        Eintrag in VIS Einstellungen CSS Projekt

        .gruen {
        background: green;
        }
        

        Eintrag im VIS Einstellungen CSS Klasse (oder in HTML Widgets mit class=gruen)

        gruen
        

        alle Widgets, die so eingestellt werden, haben den Hintergrund grün, als würdest du das in

        VIS Einstellungen CSS Hintergrund unter background eintragen.

        Beschreibe mal konkreter!

        Gruß,

        Pix

        PS: Die css-Dateinen an sich brauchst du nicht anzufassen, wenn du keine Widgets entwickelst.

        ioBroker auf Ubuntu in Proxmox (früher Mac mini (bis OS X 10.12.6 Sierra), VIS via iOS; angeschlossen: Homematic CCU2, Homepilot 1, ConBee II, einige Wemos, Sonos, Unifi CK+Protect, Homekit, Homebridge; KEIN blockly! Github-Profil

        1 Antwort Letzte Antwort
        0
        • andreA Offline
          andreA Offline
          andre
          Developer
          schrieb am zuletzt editiert von
          #4

          @pix:

          was genau meinst du mit "ich finde es im View nicht wieder"?

          Eintrag in VIS Einstellungen CSS Projekt

          .gruen {
          background: green;
          }
          

          Eintrag im VIS Einstellungen CSS Klasse (oder in HTML Widgets mit class=gruen)

          gruen
          

          alle Widgets, die so eingestellt werden, haben den Hintergrund grün, als würdest du das in

          VIS Einstellungen CSS Hintergrund unter background eintragen.

          Beschreibe mal konkreter! `

          Hallo, danke für die schnelle Reaktion.

          Genau das oben beschriebene Szenario versuche ich um zu setzen. Nur funktioniert das leider nicht.

          Wenn ich die Webseite (View) zum Beispiel mit den Dev Tools im Google Chrome untersuche, finde ich wohl mein widget mit der class=gruen.

          Was ich allerdings nicht finde, sind die hinzugefügten Zeilen CSS-Code. :( Nach meiner Vermutung sollten die ja in der "vis-common-user.css" Datei auftauchen. Tun sie aber nicht. Auch nicht wenn ich den Cache lösche oder die Datei explizit einmal neu lade. Sie bleibt einfach leer.

          Falls meine Vermutung nicht korrekt ist, mit welcher CSS-Datei wird der im Editor manuell erstellte CSS-Code dann in die spätere Website eingebunden?

          MfG,

          André

          PS: Im Editor werden die Auswirkungen des manuellen CSS-Code übrigens angezeigt (in diesem Fall wird der Hintergrund dann grün). In der endgültigen Ansicht (als Website) passiert nichts.

          Bitte keine Support-Fragen per PN! Nutzt die öffentliche Kanäle damit auch andere von den Antworten profitieren können!

          1 Antwort Letzte Antwort
          0
          • P Offline
            P Offline
            Pman
            schrieb am zuletzt editiert von
            #5

            Das was andre Beschreibt habe ich auch, also alles was man beim custom CSS einträgt, egal ob Projekt oder Global, wird nicht gespeichert. Wenn Ich den Vis-Editor neu lade ist es auch wieder weg.

            1 Antwort Letzte Antwort
            0
            • andreA Offline
              andreA Offline
              andre
              Developer
              schrieb am zuletzt editiert von
              #6

              @Pman:

              Das was andre Beschreibt habe ich auch, also alles was man beim custom CSS einträgt, egal ob Projekt oder Global, wird nicht gespeichert. Wenn Ich den Vis-Editor neu lade ist es auch wieder weg. `

              Stimmt. Habe ich gerade mal getestet. Auch bei mir wird nicht gespeichert. Wenn ich den Editor neu lade ist der CSS-Reiter wieder leer. Dachte erst an ein Problem des Browsers (Chrome), aber auch mit nem anderen Browser (IE, Firefox) wird nichts gespeichert.

              MfG,

              André

              Bitte keine Support-Fragen per PN! Nutzt die öffentliche Kanäle damit auch andere von den Antworten profitieren können!

              1 Antwort Letzte Antwort
              0
              • S Offline
                S Offline
                simpixo
                schrieb am zuletzt editiert von
                #7

                Also ich habe was drin stehen und es verschwindet nicht [emoji848]

                ~~![](</s><URL url=)<link_text text="http://images.tapatalk-cdn.com/15/12/03 ... 5e7da5.jpg">http://images.tapatalk-cdn.com/15/12/03/d37669a3991ced3a24470e4abf5e7da5.jpg</link_text>" />

                Gesendet von meinem iPhone mit Tapatalk~~

                1 Antwort Letzte Antwort
                0
                • P Offline
                  P Offline
                  pix
                  schrieb am zuletzt editiert von
                  #8

                  Hallo,

                  ich habe gerade einen alten Beitrag entdeckt, indem ich das Problem auch erwähnt hatte. http://forum.iobroker.org/viewtopic.php … 501#p11501

                  Allerdings weiß ich die Lösung des Problems nicht mehr. Ich glaube, es war ein Update von VIS. Das dürfte sich aber mittlerweile bei allen Nutzern erledigt haben.

                  Der kleine Workaround ist, ein Basic HTML Widget mit Tags zu versehen und dazwischen die CSS Anweisen zu platzieren. Nicht schön, sollte aber gehen.

                  Da deine Datei "vis-common-user.css" leeer ist, prüfe mal, was nach dem Löschen passiert (vorher Backup machen!). Wird vom VIS Adapter eine neue Datei angelegt? Musst du VIS neustarten?

                  Gruß,

                  Pix

                  ioBroker auf Ubuntu in Proxmox (früher Mac mini (bis OS X 10.12.6 Sierra), VIS via iOS; angeschlossen: Homematic CCU2, Homepilot 1, ConBee II, einige Wemos, Sonos, Unifi CK+Protect, Homekit, Homebridge; KEIN blockly! Github-Profil

                  1 Antwort Letzte Antwort
                  0
                  • andreA Offline
                    andreA Offline
                    andre
                    Developer
                    schrieb am zuletzt editiert von
                    #9

                    @pix:

                    Der kleine Workaround ist, ein Basic HTML Widget mit Tags zu versehen und dazwischen die CSS Anweisen zu platzieren. Nicht schön, sollte aber gehen. `

                    Der Workaround liegt nahe. :) Hätte man auch drauf kommen können.

                    Funktioniert bei mir einwandfrei, so kann ich mein Custom CSS jetzt zumindest erstmal über vis einbauen. Danke.

                    @pix:

                    Da deine Datei "vis-common-user.css" leeer ist, prüfe mal, was nach dem Löschen passiert (vorher Backup machen!). Wird vom VIS Adapter eine neue Datei angelegt? Musst du VIS neustarten? `

                    Was die "vis-common-user.css" angeht, diese wird nicht erstellt. Kann es vielleicht sein, dass vis die Datei nicht anlegen/ beschreiben/ darauf zugreifen kann? Berechtigungen? Allerdings würde ich dann erwarten, dass im log eine entsprechende Fehlermeldung auftaucht. Bis jetzt konnte ich aber nichts entdecken. Auch mit Debug-Level nicht.

                    MfG,

                    André

                    Bitte keine Support-Fragen per PN! Nutzt die öffentliche Kanäle damit auch andere von den Antworten profitieren können!

                    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

                    360

                    Online

                    32.4k

                    Benutzer

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