Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. VIS2 falsche Darstellung auf Fire Tablet

    NEWS

    • ioBroker goes Matter ... Matter Adapter in Stable

    • 15. 05. Wartungsarbeiten am ioBroker Forum

    • Monatsrückblick - April 2025

    VIS2 falsche Darstellung auf Fire Tablet

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

      Ich versuche mich nun mal in die VIS2 einzuarbeiten.

      So siehst in meinem Browser aus, alles gut.
      1.jpg

      Aber so sieht aus auf meinem Amazon Fire Tablet aus. Schlecht.
      Der Hintergrund ist weiß, während er im Chromebrowser auf dem PC schwarz ist.
      Die Schrift ist auf dem Tablet schwarz, während sie im Chromebrowser weiß ist.
      Was kann ich tun? (Die VIS1 wird auf dem gleichen Tablet richtig dargestellt. )

      2.jpg

      M 1 Reply Last reply Reply Quote 0
      • M
        MCU @Roelli last edited by MCU

        @roelli Ein Ansatz wäre den Theme nicht auf Auto zu setzen, sondern auf DUNKEL
        z.B. Edge
        4a96eb6f-ea4f-42e9-8b1a-0b210363975b-image.png

        Fire Tablet

        Öffne die Einstellungen
        
        Gehe zu „Anzeige“ / „Display“
        
        Wähle „Dark Theme“ oder „Dunkelmodus“
        
        Aktiviere den Schalter
        
        R 1 Reply Last reply Reply Quote 0
        • R
          Roelli @MCU last edited by

          @mcu

          Tatsächlich gibt es unter "Display" garkeine Möglichkeit das Dark-Theme auszuwählen 😞

          Im FullyKioskBrowser habe ich jetzt den DarkMode aktiviert, neu gestartet, es bleibt aber weiß. 😞

          Im SilkBrowser kann ich auch den DarkModus auswählen, es wird auch dunkel, aber die weißen Stellen bleiben weiß. 😞

          icebear 1 Reply Last reply Reply Quote 0
          • icebear
            icebear @Roelli last edited by

            @roelli said in VIS2 falsche Darstellung auf Fire Tablet:

            Im FullyKioskBrowser habe ich jetzt den DarkMode aktiviert, neu gestartet, es bleibt aber weiß.

            Der 'Dark Mode' funktioniert sowieso nicht richtig beim Fully Browser auf einem Tablet, weil die Farben werden falsch dargestellt, ist ein bekanntes Problem.

            Du solltest dir angewöhnen bei der VIS-2 bei allen Seiten, Widgets usw. in den Einstellungen die Optionen für Hintergrundfarbe, Textfarbe usw. immer explizit zu setzten.

            Z.B. so wie hier für die Seite:
            seite.png

            und hier beim Widget:
            widget.png

            R 1 Reply Last reply Reply Quote 0
            • R
              Roelli @icebear last edited by

              @icebear

              Schlau! Viel besser jetzt! Super! 🙂

              Ich habe aber noch ein Problemchen mit der Transparenz.

              Ich benutze JPG Bilder als Hintergrund und platziere darüber meine Buttons. Wenn ich nun den Hintergrund auf schwarz stelle, dann funktioniert das erstmal, er ist nicht mehr weiß. Aber ich will ja das Hintergrundbild sehen und nicht nur eine schwarze Fläche.

              Ich kann nur bei "CSS Allgemein" eine Einstellung für "opacity" finden. Aber diese Einstellung hat keine Auswirkung auf die Transparenz. 😞
              Ich benutze das Widget "Tabs"

              Rear1.jpg

              transparenz.jpg

              M 1 Reply Last reply Reply Quote 0
              • M
                MCU @Roelli last edited by

                @roelli opacity geht von 0 bis 1. Also bei dir 0.6 setzen.

                R 1 Reply Last reply Reply Quote 0
                • R
                  Roelli @MCU last edited by

                  @mcu
                  Bei 0.6 wird auch die Schrift dunkler (und schlechter lesbar),
                  und trotzdem bleibt der schwarze Hintergrund bestehen.

                  Ich glaube es gibt ja jetzt zwei schwarz Hintergründe.
                  Der vom Widget, und der vom Tab.

                  Aber egal was ich probiere, ganz transparent wird es leider nicht. 😞

                  icebear 1 Reply Last reply Reply Quote 0
                  • icebear
                    icebear @Roelli last edited by

                    @roelli said in VIS2 falsche Darstellung auf Fire Tablet:

                    Aber egal was ich probiere, ganz transparent wird es leider nicht.

                    Ich weiß ja nicht was du genau machen willst, aber das Widget für 'Tabs Registerkarten' funktioniert ja ähnlich wie ein 'View in Widget' und das scheint mir so wie auf deinem Bild zusehen überhaupt kein Sinn zu machen, wenn du das so platzieren willst.

                    Beschreib doch mal genau was du machen möchtest.

                    R 1 Reply Last reply Reply Quote 0
                    • R
                      Roelli @icebear last edited by

                      @icebear

                      Ich will die Oberfläche vom "GIRA Quadclient" nachbauen.

                      Ich habe also ein Hintergrundbild gemacht wo die "Buttons" also die Unterteilungen schon vorgegeben sind. Das Hintergrundbild auch deswegen weil da so Farbverläufe drin sind wie beim Original.

                      So soll das ganze aussehen:
                      https://youtu.be/41aiH9HtUS8?si=GuTU_ThQFKYf1H0Q&t=101

                      D.h. eigentlich muss komplett alles transparent sein, meiner Meinung nach. Damit man immer das Hintergrundbild sehen kann. Alle Widgets werden dann obendrüber platziert.

                      M 1 Reply Last reply Reply Quote 0
                      • M
                        MCU @Roelli last edited by

                        @roelli Dafür die Background-color auf transparent setzen.

                        R 1 Reply Last reply Reply Quote 0
                        • R
                          Roelli @MCU last edited by

                          @mcu sagte in VIS2 falsche Darstellung auf Fire Tablet:

                          @roelli Dafür die Background-color auf transparent setzen.

                          Wie denn genau? Bei VIS1 war es transparent wenn ich einfach die Farbe gelöscht habe. Kann ich jetzt auch machen, wird aber nicht transparent. 😞

                          Beim "Tabs" Widget:
                          nix1.jpg

                          Beim Tab:
                          nix2.jpg

                          Im Hauptfenster:
                          nix3.jpg

                          M 1 Reply Last reply Reply Quote 0
                          • M
                            MCU @Roelli last edited by

                            @roelli Kann man da kein "transparent" schreiben?
                            8e2b71ea-c64e-4c05-8edd-f4bf88f3b674-image.png

                            Homoran 1 Reply Last reply Reply Quote 0
                            • Homoran
                              Homoran Global Moderator Administrators @MCU last edited by

                              @mcu sagte in VIS2 falsche Darstellung auf Fire Tablet:

                              @roelli Kann man da kein "transparent" schreiben?
                              8e2b71ea-c64e-4c05-8edd-f4bf88f3b674-image.png

                              oder clear?

                              R 1 Reply Last reply Reply Quote 0
                              • R
                                Roelli @Homoran last edited by

                                @homoran

                                Kann ich beides reinschreiben, aber sobald man EINEN Buchstaben da reinschreibt sieht man schon auf der rechten Seite das schwarze Kästchen was dann wieder den schwarzen Hintergrund macht.

                                Homoran M 2 Replies Last reply Reply Quote 0
                                • Homoran
                                  Homoran Global Moderator Administrators @Roelli last edited by Homoran

                                  @roelli sagte in VIS2 falsche Darstellung auf Fire Tablet:

                                  aber sobald man EINEN Buchstaben da reinschreibt sieht man schon auf der rechten Seite das schwarze Kästchen was dann wieder den schwarzen Hintergrund macht.

                                  klar, solange da was nicht gültiges steht.

                                  Da muss ein gültiger Wert oder Farbname drin stehen

                                  1 Reply Last reply Reply Quote 0
                                  • M
                                    MCU @Roelli last edited by MCU

                                    @roelli Setz doch einfach die Seite mal auf eine helle Farbe, damit du auch erkenne kannst wann transparent wirkt.
                                    f906df33-95f4-4a97-ba79-25ddcf606777-image.png

                                    R 1 Reply Last reply Reply Quote 0
                                    • R
                                      Roelli @MCU last edited by

                                      @mcu

                                      Ok, ich habe zwar nicht verstanden warum ich eine helle Farbe einstellen soll für den Hintergrund wenn er doch transparent oder schwarz sein soll, aber ES FUNKTIONIERT! Yipeee!!
                                      DANKE!

                                      Jetzt habe nur noch das Problemchen, dass die Texte der Tabs (obendrüber) zwar im Chrome-Browser weiß sind, aber auf meinem Amazon Fire Tablet sind sie schwarz und somit nicht zu erkennen.
                                      Gibt's dafür auch noch ein Wundermittel? 🙂

                                      menu2.jpg

                                      Homoran 1 Reply Last reply Reply Quote 0
                                      • Homoran
                                        Homoran Global Moderator Administrators @Roelli last edited by

                                        @roelli sagte in VIS2 falsche Darstellung auf Fire Tablet:

                                        dass die Texte der Tabs (obendrüber) zwar im Chrome-Browser weiß sind, aber auf meinem Amazon Fire Tablet sind sie schwarz

                                        hast du die Farben definiert oder leer gelassen?

                                        R 1 Reply Last reply Reply Quote 0
                                        • R
                                          Roelli @Homoran last edited by

                                          @homoran sagte in VIS2 falsche Darstellung auf Fire Tablet:

                                          hast du die Farben definiert oder leer gelassen?

                                          Leer gelassen.
                                          Nun habe ich's ausgefüllt und es wird nun auch auf dem Tablet weiß dargestellt.

                                          SUPERGEIL!
                                          Danke an alle!

                                          Nun kann ich endlich meine VIS zu Ende bauen. Mir hat immer das Sliderwidget gefehlt. Das gab's zwar in der VIS1 auch schon, hat aber nie funktioniert und wurde nie gefixt.

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

                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          908
                                          Online

                                          31.6k
                                          Users

                                          79.5k
                                          Topics

                                          1.3m
                                          Posts

                                          4
                                          19
                                          230
                                          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