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. Praktische Anwendungen (Showcase)
  4. [gelöst] Css Material design Einstieg

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    23
    1
    1.3k

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    14
    1
    2.5k

[gelöst] Css Material design Einstieg

Geplant Angeheftet Gesperrt Verschoben Praktische Anwendungen (Showcase)
5 Beiträge 2 Kommentatoren 554 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.
  • H Offline
    H Offline
    homecineplexx
    schrieb am zuletzt editiert von
    #1

    hallo

    ich hab mich mit vis nur mal kurz beschäftigt, allerdings muß ichs jetzt angehen, weils einfach bequemer ist, als über telegram alles abzufragen.

    hab vor mit dem Css Material design von uhula zu arbeiten.

    er schreibt in seiner doku/anleitung: " Dazu ist es auch notwendig,

    ein wenig JS Code auf der Skripte-Registerseite einzufügen (aus einem der Beispiel-herausziehen).

    Oder, noch einfacher, eines der am Ende genannten Demo-Projekte als Basis verwenden."

    wo muß was genau eingefügt werden? ich konnte nichts finden in den demo projekten? wie startet man da am besten?

    lg

    1 Antwort Letzte Antwort
    0
    • kmxakK Offline
      kmxakK Offline
      kmxak
      Most Active
      schrieb am zuletzt editiert von
      #2

      Direkt im vis Editor in dem Projekt auf der rechten Seite da wo Widgets, CSS, steht ist auch ein tab mit Script ( Name könnte anders sein) dort ist der Code hinterlegt.

      Gesendet von meinem SM-G930F mit Tapatalk

      Gruß Alex

      1 Antwort Letzte Antwort
      0
      • H Offline
        H Offline
        homecineplexx
        schrieb am zuletzt editiert von
        #3

        @kmxak:

        Direkt im vis Editor in dem Projekt auf der rechten Seite da wo Widgets, CSS, steht ist auch ein tab mit Script ( Name könnte anders sein) dort ist der Code hinterlegt.

        Gesendet von meinem SM-G930F mit Tapatalk `

        ok, und wie kann ich das demo beispiel dort aufmachen?

        1 Antwort Letzte Antwort
        0
        • kmxakK Offline
          kmxakK Offline
          kmxak
          Most Active
          schrieb am zuletzt editiert von
          #4

          Bin mir gerade unsicher was genau du suchst.

          Anbei ein Screenshot.

          links dort importierst du das Projekt und da drüber kannst dann zum Projekt wechseln.

          Rechts ist der Scripte Tab offen. Dort sollte bei der aktuellen Demo aber schon das Script fertig vorhanden sein.

          Als Anfänger musst du da erstmal nichts dran ändern dort ist alles enthalten damit das Design richtig funktioniert.

          Die PDF Anleitung von Uhula ist super beschrieben (denke die hast du schon gefunden oder?) aber auch die Demo Projekte sind super aufgebaut.

          Es ist am Anfang etwas schwierig aber wenn es einmal klick gemacht hat ist es alles logisch.

          Mein Tip:

          Nimm dir das Demo Projekt und spiel damit rum wenn es dann nicht mehr funktioniert lad dir einfach ein neues hoch. Und wenn du dich bereit fühlst fang dein eigenes an.

          Dazu habe ich mir das Demo Projekt genommen und dann jeweils von den 3 Kategorien die es gibt (card…, cont... page...) ein Template gebaut (allen Inhalt außer das Grundgerüst gelöscht) und habe mit denen weiter gearbeitet. Dann noch alle Demo Views gelöscht um es kleiner zu halten. Das funktioniert super.

          Ich habe mal aus dem Projekt ein Template zum aufbauen gebaut.

          Hoffe es hilft dir und auch andere.
          2343_vis.jpg
          2343_2019-01-18-md_template.zip

          Gruß Alex

          1 Antwort Letzte Antwort
          0
          • H Offline
            H Offline
            homecineplexx
            schrieb am zuletzt editiert von
            #5

            super, danke

            das hat mir ordentlich weiter geholfen!!!

            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

            739

            Online

            32.5k

            Benutzer

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