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

                                    904
                                    Online

                                    31.6k
                                    Users

                                    79.5k
                                    Topics

                                    1.3m
                                    Posts

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