Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. ioBroker Allgemein
    4. Tvspielfilm.adapter TV Programm für VIS

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Tvspielfilm.adapter TV Programm für VIS

    This topic has been deleted. Only users with topic management privileges can see it.
    • O
      Oli @haselchen last edited by

      @haselchen
      einfach unter deine vorhandene CSS mit einfügen

      Hier mal ein Beispiel:

      /* --------------------------------------------------
        tv-spielfilm
       ------------------------------------------------- */
      
      .tclass-th { /* Headerzeilen */
          background-color: darkgrey;
          background-color: rgba(100,100,100,0.8);
          color: white;
          font-weight: bold;
          font-family: Arial;
      }
      
      .tclass-th1 { /* linker Header */
          width: 20px;
          text-align: center;
          color: transparent; /* Text ausblenden */
          /* display: none; */ /* ganze Spalte ausblenden */
      }
      
      .tclass-th .tclass-th1 {
          display: none; /* Spaltenüberschrift überm Bild ausblenden*/
      }
      
      .tclass-tr {
          color: red;
      }
      
      
      .tclass-tr:nth-child(odd) {
          background-color: darkgreen;
          background-color: rgba(50,120,80,0.6);
      }
      
      .tclass-tr:nth-child(even) {
          color: yellow;
          background-color: darkred;
          background-color: rgba(150,150,150,0.2);
      }
      
      .tv_tipps,
      .tv_jetzt,
      .tv_filme,
      .tv_heute2015,
      .tv_heute2200 {
          font-family: Arial;
          font-size: 75%;
      }
      
      .tv_tipps tr,
      .tv_jetzt tr,
      .tv_filme tr,
      .tv_heute2015 tr,
      .tv_heute2200 tr {
          background-color: transparent;
          color: white;
      }
      
      .tv_tipps tr td a,
      .tv_jetzt tr td a,
      .tv_filme tr td a,
      .tv_heute2015 tr td a,
      .tv_heute2200 tr td a {
          background-color: transparent;
          color: white;
          text-decoration: none;
      }
      /* JETZT ENHANCED */
      .tv_jetzt tr td a {
          font-size: 130%;
      }
      
      haselchen 1 Reply Last reply Reply Quote 0
      • haselchen
        haselchen Most Active @Oli last edited by

        @oli

        Hab ich gemacht.
        Dadurch ändern sich andere JSON Tabellen aber auch in meiner VIS

        O 1 Reply Last reply Reply Quote 0
        • O
          Oli @haselchen last edited by

          @haselchen
          hast du in deinen anderen Tabellen CSS verweise drin stehen?
          9c5c2255-1294-44ff-a5c6-54b6886a3b33-image.png

          haselchen 1 Reply Last reply Reply Quote 0
          • haselchen
            haselchen Most Active @Oli last edited by

            @oli

            Nein, da ich mit sowas noch nie gearbeitet habe

            O 1 Reply Last reply Reply Quote 0
            • O
              Oli @haselchen last edited by

              @haselchen
              für was brauchst du dann die vorhandenen CSS Verweise?

              haselchen 1 Reply Last reply Reply Quote 0
              • haselchen
                haselchen Most Active @Oli last edited by

                @oli

                Na in welchem Thread sind wie hier? 😉

                Ich will die CSS Anweisung für das Widget übernehmen.
                Dieses normale grau etc. find ich nicht so prall.

                O 1 Reply Last reply Reply Quote 0
                • O
                  Oli @haselchen last edited by

                  @haselchen
                  stimmt, hast recht, gerade nochmal getestet, dass CSS ändert die Standarttabellen in der VIS mit um

                  haselchen 1 Reply Last reply Reply Quote 0
                  • haselchen
                    haselchen Most Active @Oli last edited by

                    @oli

                    Jetzt kannst Du mit der Lösung zu meinem Tageshelden werden 🙂

                    O 1 Reply Last reply Reply Quote 0
                    • O
                      Oli @haselchen last edited by

                      @haselchen
                      Tabellen aus einem anderen VIS Adapter nehmen, so mache ich das, darum ist mir das auch nicht aufgefallen beim einrichten 😉

                      haselchen 1 Reply Last reply Reply Quote 0
                      • haselchen
                        haselchen Most Active @Oli last edited by

                        @oli

                        Dann, wenn du möchtest, darfste mir gerne das Widget zeigen, was du genommen hast.

                        O 1 Reply Last reply Reply Quote 0
                        • O
                          Oli @haselchen last edited by

                          @haselchen
                          ich verwende für meine VIS hauptsächlich folgende Adapter: Material Design Widgets und vis-inventwo, ich glaube das TV-Spielfilm Widget ist die einzige Standarttabelle bei mir

                          haselchen 1 Reply Last reply Reply Quote 0
                          • haselchen
                            haselchen Most Active @Oli last edited by haselchen

                            @oli

                            Ich hab jetzt das Material probiert.
                            Wie bekomme ich den Hintergrund transparent?
                            Egal welches Feld ich nehme, es bleibt weiss.

                            1eaa5dce-ae4e-4a3f-832f-eb2084a16e0c-grafik.png

                            Edit: habs gefunden!

                            Material ist docht etwas mächtiger in den Einstellungen als das normale JSON Table.

                            Jetzt fehlt noch eine kleine Sache...

                            Die Sender sind in schwarzer Farbe.
                            Wie bekomme ich die geändert? Sehe vielleicht den Wald....

                            280d012d-6d83-4bb0-a446-5dd7ff4c5931-grafik.png

                            O 1 Reply Last reply Reply Quote 0
                            • O
                              Oli @haselchen last edited by

                              @haselchen
                              puh, bei mir ist die ganze Schrift weiß

                              Links vis-inventwo, rechts Material Design Widgets
                              ecf1ff1c-15df-4eb9-be2c-6b79da9fdf75-image.png

                              haselchen 1 Reply Last reply Reply Quote 0
                              • haselchen
                                haselchen Most Active @Oli last edited by

                                @oli

                                Ich werde wahnsinnig. Ich bekomme ums Verrecken die Farbe nicht geändert und die Icons kleiner.

                                e76af32e-bde2-440d-9fc5-6728cc0741a5-grafik.png

                                Haste dafür nen Tipp?

                                O 1 Reply Last reply Reply Quote 0
                                • O
                                  Oli @haselchen last edited by

                                  @haselchen
                                  Die Bilder solltest du über die Spaltenbreite kleiner bekommen, mit der Schrift bin ich momentan selbst überfragt

                                  1 Reply Last reply Reply Quote 0
                                  • P
                                    pix last edited by

                                    @haselchen
                                    Hallo,

                                    die Spaltentitel kannst in diesem CSS (aus der mehrfach verlinkten Anleitung) ändern:

                                    .tclass-th { /* Headerzeilen */
                                        background-color: darkgrey;
                                        background-color: rgba(100,100,100,0.8);
                                        color: white;
                                    

                                    Du kannst recht einfach im VIS-Editor rechts im Feld CSS/Projekt/ den Code aus der Adapter-Anleitung einfügen. Einfach unter bestehenden drunter. Dann scrollst du zu den einzelnen Definitionen. Die oben genannte ist ziemlich am Anfang. Wenn du nun statt 'white' mal 'blue' eingibst, wirst du die Veränderung im Editor direkt sehen. Du musst kein Runtimefenster starten.

                                    Es kann fast nicht sein, dass andere Vis-Ansichten diese CSS-Anweisungen umsetzen. Die verwendeten Klassen sind extra für den Adapter erstellt und benannt (zum Beispiel 'tclass-th' statt nur 'th').

                                    Kleiner Überblick:
                                    th = Table Header (Überschrift)
                                    tr = Table Row (Reihe)
                                    td = Table Data (Element)

                                    .tv_tipps tr, /* eol 11/2022 */
                                    .tv_filme tr,
                                    .tv_jetzt tr,
                                    .tv_heute2015 tr,
                                    .tv_heute2200 tr {
                                        background-color: transparent;
                                        color: white;
                                    }
                                    

                                    Das 'white' kannste auch mal ändern und sehen, was passiert.

                                    Hilf dir das?

                                    Gruß
                                    Pix

                                    1 Reply Last reply Reply Quote 0
                                    • haselchen
                                      haselchen Most Active last edited by haselchen

                                      @pix

                                      Leider nicht. Erstmal mega Danke das du das so ausführlich beschrieben hast.
                                      Trotzdem ändern sich alle JSON Table mit deiner CSS.
                                      Auch nachvollziehbar durch den User @Oli

                                      Edit:

                                      So wird das andere JSON verändert.

                                      9ec699c0-4bb0-4feb-aad2-4e41393a75c2-grafik.png

                                      So sieht es ohne CSS aus

                                      c7149a17-5e59-475c-ba65-fb22a57dba7f-grafik.png

                                      P 1 Reply Last reply Reply Quote 0
                                      • P
                                        pix @haselchen last edited by

                                        @haselchen
                                        Dazu hätte ich noch eine Quick'n'dirty-Lösung

                                        Sind Deine Tabellen in verschiedenen Views?
                                        Wie heißt Deine View fürs TV Programm?
                                        Wenn auf dieser View (bei mir heißt sie TV) keine andere Tabelle ist, kannst du mal probieren vor jedes CSS-Definition die id 'visview_TV' zu setzen.

                                        Also im obigen Falle statt

                                        .tclass-th { /* Headerzeilen */
                                            background-color: darkgrey;
                                            background-color: rgba(100,100,100,0.8);
                                            color: white;
                                        

                                        dann

                                        #visview_TV .tclass-th { /* Headerzeilen in der View TV */
                                            background-color: darkgrey;
                                            background-color: rgba(100,100,100,0.8);
                                            color: white;
                                        

                                        Wenn die View 'Fernsehen' heißt, dann eben

                                        #visview_Fernsehen .tclass-th { /* Headerzeilen in der View Fernsehen */
                                            background-color: darkgrey;
                                            background-color: rgba(100,100,100,0.8);
                                            color: white;
                                        

                                        Gruß
                                        Pix

                                        haselchen 1 Reply Last reply Reply Quote 0
                                        • haselchen
                                          haselchen Most Active @pix last edited by haselchen

                                          @pix

                                          Habs auch mal anders probiert und Passagen aus der CSS gelöscht.
                                          Im Editor passt es jetzt mit der Schriftfarbe.
                                          Mein anderes Widget ist wieder normal durch diese Passagenänderung, aber jetzt kommt es:

                                          die VIS App setzt das nicht um. Jegliche Änderung wird nicht übernommen.
                                          In der Runtime sind die Veränderungen sichtbar.

                                          Edit: Dein Vorschlag ändert leider nichts 😞

                                          1 Reply Last reply Reply Quote 0
                                          • Marc_el_K
                                            Marc_el_K last edited by

                                            Hallo zusammen,
                                            ich habe mir den Adapter heute aktiviert, Version 2.0.5. und auch einige Beiträge dazu gelesen.

                                            Ich hätte aber eine allgemeine Verstädnisfrage: Im JSON tvspielfilm.0.json.heute2015 sehe ich 17 Sender. Weder in der Whitelist noch Blacklist habe ich etwas eingetragen. Auf der Webseite selbst, sind unter "Alle Sender" jedoch viele viele mehr. Verstehe ich es richtig, dass im RSS Feed nicht mehr Sender mitgeliefert werden?

                                            DAnke im Voraus 🙂

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate
                                            FAQ Cloud / IOT
                                            HowTo: Node.js-Update
                                            HowTo: Backup/Restore
                                            Downloads
                                            BLOG

                                            524
                                            Online

                                            31.8k
                                            Users

                                            80.0k
                                            Topics

                                            1.3m
                                            Posts

                                            40
                                            203
                                            32912
                                            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