Ankündigung

Einklappen
Keine Ankündigung bisher.

Wertanzeige mit Farbverlauf

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

    Wertanzeige mit Farbverlauf

    Hi,

    ist es möglich beim Visuelement Wertanzeige einen Farbverlauf zu integrieren?
    Ich hätte dies z.B.gern um die angezeigten Temperaturen auch noch farblich darzustellen.

    Ich ich im Design des VE bei Farbe z.B.
    Code:
    -webkit-linear-gradient(left, rgba(3,155,229,1) 0%, rgba(251,192,45,1) 50%, rgba(230,81,0,1) 100%)
    eingebe, wird nichts angezeigt.

    Habe in der Suche leider nichts gefunden.

    VG David
    Gruß David

    #2
    Das würde ich auch gerne wissen wie das geht...

    Kommentar


      #3
      Hilft das (speziell der Saettigungs-Balken)?

      Kommentar


        #4
        wintermute dank dir für den Link. Allerdings klappt es mit folgenden Befehl auch nicht. Habe es als Vordergrundfarbe angelegt und in der „Farbvorschau“ passt es auch

        Code:
        -webkit-linear-gradient(left, #00BFFFff 0%, #FF4000ff 100%)
        Im Wertanzeiger wird dann leider nichts angezeigt.
        Zuletzt geändert von shortyle; 27.09.2020, 17:44.
        Gruß David

        Kommentar


          #5
          Hi,

          bei mir das gleich Ergebnis wie bei David

          @gaert

          Eventuell könntest Du uns erhellen

          Gruß
          Dirk

          Kommentar


            #6
            Zitat von wintermute Beitrag anzeigen
            Also... es sind Hintergundfarbdefinitionen ...
            Zitat von shortyle Beitrag anzeigen
            Habe es als Vordergrundfarbe angelegt
            Grüße
            Christian
            __________________

            Kommentar


              #7
              Zitat von trax Beitrag anzeigen


              So einfach ist es ja nicht
              Wenn beim Wertanzeiger etwas als Hintergrundfarbe definiert wird, so ist es auch der Hintergrund und nicht die „Skala“. Diese wird über die Vordergrundfarbe bestimmt.
              Beim Hintergrund klappt die Farbe übrigens.
              Gruß David

              Kommentar


                #8
                Zitat von shortyle Beitrag anzeigen
                Beim Hintergrund klappt die Farbe übrigens.
                Weil Gradienten technisch gesehen Hintergrundbilder sind... Gradienten gibts nur fuer den Hintergrund oder das border-image (glaube ich).

                Kommentar


                  #9
                  Zitat von wintermute Beitrag anzeigen
                  Weil Gradienten technisch gesehen Hintergrundbilder sind... Gradienten gibts nur fuer den Hintergrund oder das border-image (glaube ich).
                  Ahhh, das war mir nicht bewusst. Dann muss ich mir etwas anderes diesbezüglich einfallen lassen.

                  Dank dir
                  Gruß David

                  Kommentar


                    #10
                    Zitat von wintermute Beitrag anzeigen
                    Weil Gradienten technisch gesehen Hintergrundbilder sind...
                    darauf wollte ich hindeuten ... hätte mit dem Text nicht zu geizen sollen ...

                    Zitat von shortyle Beitrag anzeigen
                    um die angezeigten Temperaturen auch noch farblich darzustellen.
                    Zitat von shortyle Beitrag anzeigen
                    ... die „Skala“.
                    etwa so:
                    farbigeSkala.PNG
                    Grüße
                    Christian
                    __________________

                    Kommentar


                      #11
                      trax

                      naja nicht ganz.
                      Eher in diese Richtung

                      Bildschirmfoto 2020-09-29 um 09.59.28.png
                      Gruß David

                      Kommentar


                        #12
                        achso ...

                        ev. so:

                        Temperatur.gif
                        Grüße
                        Christian
                        __________________

                        Kommentar


                          #13
                          Hi,

                          ich klinke mich hier mal ein ...

                          Ich such auch nach einer Lösung wie von shortyle im Post 11 beschrieben.
                          Bekomme es aber nicht hin.

                          Geht das überhaupt mit der Wertanzeige von EDOMI ?

                          Ich denke hier sollte uns mal geart "erhellen"

                          Gruß
                          Dirk

                          Kommentar


                            #14
                            Hey,

                            kann hier mal jemand eine Lösung zu dem Problem mit der Wertanzeige beschreiben?

                            Ich habe jetzt schon viel mit CSS rumgespielt, bekomme es aber nicht hin einen Farbverlauf zu erstellen. Ist es mit CSS überhaupt möglich oder muss man sich ein Hintergrundbild erstellen?

                            Danke schon mal im Voraus.
                            Gruß Dennis


                            Alles geht, außer dem Känguru, das hüpft. :-)

                            Kommentar


                              #15
                              Zitat von trax Beitrag anzeigen
                              achso ...

                              ev. so:

                              Temperatur.gif
                              hab ich deine Antwort wirklich übersehen? Ja aber genau sowas meinte ich.
                              Gruß David

                              Kommentar

                              Lädt...
                              X