Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Tester
    4. Test Adapter tvprogram

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Test Adapter tvprogram

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

      Unsere tägliche neue Version gib uns heute:
      Neue Version v0.0.15

      • Die Logos im Kanalauswahldialog sind nun größer
      • Die Schriftstile des Widgets werden nun auch im Detaildialog angewendet
      • Für schmale Bildschirme ist nun das Foto über dem Text. Eine Auswahl des Layouts erfolgt über den Vergleich Höhe > Breite des Dialogs
      • Verschönerung des Codes beim setzen eines Status

      Als nächstes kommt ein neues Widget zum Anzeigen und Verwalten der Favoriten

      Knallochse sigi234 F 3 Replies Last reply Reply Quote 1
      • Knallochse
        Knallochse @OliverIO last edited by Knallochse

        @oliverio sagte in Test Adapter tvprogram:

        Neue Version v0.0.15

        Neue Version v0.0.15 getestet.

        Die größeren Logos im Kanalauswahlfenster lassen sich jetzt hervorragend per drag&drop sortieren 👍
        Das funktioniert sowohl technisch sehr gut, als auch funktionell. Die Logos lassen sich durch ihre Größe gut "greifen"

        Die Schriftgröße im Dialogfenster ist jetzt größer, aber kleiner als im Hauptfenster. (Nur zur Info)

        5dd70ee1-9a28-4ee5-a2f7-46112e9d1372-image.png

        Dein Adapter fühlt sich echt rund an.

        OliverIO 1 Reply Last reply Reply Quote 0
        • sigi234
          sigi234 Forum Testing Most Active @OliverIO last edited by

          @oliverio sagte in Test Adapter tvprogram:

          Neue Version v0.0.15

          Sehr klein Alles?

          Screenshot (3187).png

          OliverIO 1 Reply Last reply Reply Quote 0
          • OliverIO
            OliverIO @Knallochse last edited by

            @knallochse
            ok, schrift von 75% auf 100% geändert. mal schauen was die anderen sagen.

            hast du bei dem dialog css-technisch noch eingegriffen w/Hintergrund und die Ränder sehen auch schmaler aus.

            Knallochse 1 Reply Last reply Reply Quote 0
            • OliverIO
              OliverIO @sigi234 last edited by

              @sigi234 sagte in Test Adapter tvprogram:

              @oliverio sagte in Test Adapter tvprogram:

              Neue Version v0.0.15

              Sehr klein Alles?

              Screenshot (3187).png

              Ich wette da pfuscht css von woanders mit rein
              du siehst ja am screenshot von knallfrosch, das das nicht normal ist.

              sigi234 1 Reply Last reply Reply Quote 0
              • sigi234
                sigi234 Forum Testing Most Active @OliverIO last edited by sigi234

                @oliverio sagte in Test Adapter tvprogram:

                Ich wette da pfuscht css von woanders mit rein

                Hm, hat vorher aber genau gepasst. Ok CSS (Material Design CSS for ioBroker.vis) habe ich schon:

                /***Hintergrund Popup ändern *******/
                .mdui-runtime .ui-dialog {
                    background: linear-gradient(0deg, #2c2a3f, #4f344c, #2c2a3f) !important;
                }
                
                .hintergrund{
                    background-image: url(http://192.168.178.20:8107/vis-icontwo/Backgrounds/202.jpg);
                }
                
                
                OliverIO 1 Reply Last reply Reply Quote 0
                • OliverIO
                  OliverIO @sigi234 last edited by OliverIO

                  @sigi234

                  ja ich musste den layout aufbau ändern, so das schmale Bildschirme ein anderes Layout zur verbesserten Darstellung erhalten.

                  dein Post zeigt nur einen Stil für Hintergrund an.

                  Welche css-Stile haben die folgenden Elemente ?
                  #w00001broadcastdlg
                  #w00001 .event-container.row
                  #w00001 .event-picture.dialogcolumn.row
                  #w00001 .event-data.dialogcolumn.row

                  bitte widgetid jeweils anpassen
                  wobei ich eher davon ausgehe, das das problem bei dir in den ersten beiden liegt.

                  sigi234 2 Replies Last reply Reply Quote 0
                  • sigi234
                    sigi234 Forum Testing Most Active @OliverIO last edited by

                    @oliverio sagte in Test Adapter tvprogram:

                    Welche css-Stile haben die folgenden Elemente ?

                    Wo sehe ich diese?

                    OliverIO 1 Reply Last reply Reply Quote 0
                    • OliverIO
                      OliverIO @sigi234 last edited by

                      @sigi234 In den developer tools des browsers

                      1. tv detail view dialog öffnen
                      2. rechte maustaste an irgendeine stelle des dialogs
                      3. Untersuchen oder Element untersuchen auswählen.
                      4. in der angezeigten html struktur ein paar zeilen weiter hoch gehen. da müssten dann diese elemente mit den obigen codes stehen
                        473185af-879a-4afd-aba2-e804892e9ba8-image.png
                      5. dann im rechten Bereich unter styles mal schauen und ggfs rauskopieren
                        6 dann die elemente einzeln durch gehen und markieren, dann ändert sich auch die styles ansicht für das jeweilige element.
                      sigi234 1 Reply Last reply Reply Quote 0
                      • sigi234
                        sigi234 Forum Testing Most Active @OliverIO last edited by sigi234

                        @oliverio sagte in Test Adapter tvprogram:

                        In den developer tools des browsers

                        Screenshot (3190).png

                        Screenshot (3194).png

                        Screenshot (3200).png

                        Screenshot (3201).png

                        OliverIO 2 Replies Last reply Reply Quote 0
                        • OliverIO
                          OliverIO @sigi234 last edited by OliverIO

                          @sigi234

                          ok das war das erste Element und jetzt noch die anderen
                          hier ist doch das bild groß und die schrift in Ordnung? oder sehe ich da was falsch?

                          OliverIO sigi234 2 Replies Last reply Reply Quote 0
                          • OliverIO
                            OliverIO @OliverIO last edited by OliverIO

                            @oliverio
                            so sieht es bei mir aus
                            das material design spielt bei dir kräftig mit
                            2bfca9c0-49f4-475c-a2fa-823a4ea6c198-image.png

                            sag mir mal was du da genau verwendest?
                            einen adapter?
                            ein css?

                            evtl. kann ich das hier nachstellen.

                            sigi234 1 Reply Last reply Reply Quote 0
                            • sigi234
                              sigi234 Forum Testing Most Active @OliverIO last edited by

                              @oliverio sagte in Test Adapter tvprogram:

                              hier ist doch das bild groß und die schrift in Ordnung? oder sehe ich da was falsch?

                              Ja, das ändert sich nach einiger Zeit auf groß.

                              1 Reply Last reply Reply Quote 0
                              • sigi234
                                sigi234 Forum Testing Most Active @OliverIO last edited by

                                @oliverio sagte in Test Adapter tvprogram:

                                sag mir mal was du da genau verwendest?
                                einen adapter?
                                ein css?
                                evtl. kann ich das hier nachstellen.

                                https://forum.iobroker.net/topic/30363/projekt-mdcss-v2-material-design-css-version-2

                                1 Reply Last reply Reply Quote 0
                                • OliverIO
                                  OliverIO @sigi234 last edited by

                                  @sigi234

                                  bei den stilen vom event-container
                                  fehlt der folgende stil

                                  #w00002broadcastdlg .event-container.row {
                                  height: 100%;
                                  display: flex;
                                  flex-direction: row;
                                  overflow: hidden;
                                  }

                                  und div.row kommt auch woanders her.
                                  spielt aber nur indirekt eine rolle

                                  1 Reply Last reply Reply Quote 0
                                  • sigi234
                                    sigi234 Forum Testing Most Active @OliverIO last edited by

                                    @oliverio sagte in Test Adapter tvprogram:

                                    #w00001 .event-picture.dialogcolumn.row
                                    #w00001 .event-data.dialogcolumn.row

                                    Diese finde ich nicht.

                                    OliverIO 2 Replies Last reply Reply Quote 0
                                    • OliverIO
                                      OliverIO @sigi234 last edited by

                                      @sigi234
                                      da sind kleine dreiecke links neben dem element event-container, die man aufklappen kann
                                      sind direkt drunter

                                      1 Reply Last reply Reply Quote 0
                                      • OliverIO
                                        OliverIO @sigi234 last edited by OliverIO

                                        54cd07f0-f5c5-4e82-99eb-941fcc9e4d27-image.png

                                        bei mir siehts gut aus
                                        probier das widget mal in einem separaten projekt aus.

                                        sigi234 O 2 Replies Last reply Reply Quote 0
                                        • sigi234
                                          sigi234 Forum Testing Most Active @OliverIO last edited by sigi234

                                          @oliverio

                                          Screenshot (3197).png

                                          So muss jetzt ins Bett, G8

                                          Bin wieder da.

                                          OliverIO 1 Reply Last reply Reply Quote 0
                                          • Knallochse
                                            Knallochse @OliverIO last edited by Knallochse

                                            @oliverio Guten Morgen
                                            hier mal meine allgemeinen Einstellungen im Widget

                                            7c569593-4893-4338-95f7-46c4ecb1dad0-image.png

                                            Ich habe mich ebenfalls mal an der Untersuchung der Seite versucht.
                                            Bei mir scheint die class "ui-dialog" zu wirken (Vermutung)

                                            77d9b42b-5c57-476b-9623-b2f14ace23ef-image.png

                                            In den Widget-Einstellungen unter CSS/Projekt finde ich da diesen Eintrag:

                                            4580b797-c484-42b3-8eea-d6f3d902fee1-image.png

                                            Ich habe in deiem Screenshot gesehen, dass ebenfalls ein dunkles Design hast.
                                            Kannst du die dunklen Logos (z.Bsp. Eurosport & Sport1) noch erkennen?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            572
                                            Online

                                            31.6k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            adapter tvprogram vis widget
                                            51
                                            911
                                            189759
                                            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