FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: SamNitro am 27 Dezember 2016, 16:15:21

Titel: [Gelöst] Hintergrundfarbe vom Popup
Beitrag von: SamNitro am 27 Dezember 2016, 16:15:21
Hey, versuche die Hintergrundfarbe vom Popup Widget zu ändern und dementsprechend auch die Schriftfarbe, bekomme es aber leider nicht hin.
Kann mir bitte einer die Lösung nennen :)
Titel: Antw:Hintergrundfarbe vom Popup
Beitrag von: setstate am 27 Dezember 2016, 18:03:08
class="bg-green"


<div data-type="popup" data-height="400px" data-width="200px">
                        <div data-type="link" class="large thin">Show Temperatur</div>
                        <div class="dialog bg-green">
                            <header>DIALOG</header>
                            <div class="...">
                               ....


oder im CSS


.dialog {
  background-color: #2A6677;
}
Titel: Antw:[Gelöst] Hintergrundfarbe vom Popup
Beitrag von: SamNitro am 27 Dezember 2016, 20:44:48
Danke :)
Aber wie stelle ich das an, wenn ich eine CSS ändere ist die beim update wieder überspielt.

Kann ich eine neue leere CSS erstellen und dort nur die Änderungen machen oder muss ich eine Kopie davon machen (allerdings bekomme ich dann keine updates mehr)?

EDIT: Hab's hinbekommen mit einer neuen CSS :)
Titel: Antw:Hintergrundfarbe vom Popup
Beitrag von: Depechem am 06 Februar 2017, 15:28:46
Zitat von: setstate am 27 Dezember 2016, 18:03:08
class="bg-green"


<div data-type="popup" data-height="400px" data-width="200px">
                        <div data-type="link" class="large thin">Show Temperatur</div>
                        <div class="dialog bg-green">
                            <header>DIALOG</header>
                            <div class="...">
                               ....


das "<div class="dialog bg-green">" bringt bei mir leider keine Farbänderungen!?



Zitat von: setstate am 27 Dezember 2016, 18:03:08
oder im CSS


.dialog {
  background-color: #2A6677;
}



Durch:

.dialog {
  background-color: #FF0000;
}

wird das Popup in rot gefärbt, aber halt jedes Popup.
Ich möchte aber gern verschiedene Popups mit verschiedenen Hintergrundfarben haben.

Wie kann ich das am besten umsetzen?
Gruß Thomas
Titel: Antw:[Gelöst] Hintergrundfarbe vom Popup
Beitrag von: n4rrOx am 06 Februar 2017, 17:23:41
CSS:

.dialog_BG {
  background-color: #2A6677;
}


HTML:

<div data-type="popup" data-height="400px" data-width="200px">
                        <div data-type="link" class="large thin">Show Temperatur</div>
                        <div class="dialog dialog_BG">
                            <header>DIALOG</header>
                            <div class="...">
                               ....


Vllt so?
ungetestet ... ggf. noch ein !important in der CSS hinter die Farbangabe setzen.
Titel: Antw:[Gelöst] Hintergrundfarbe vom Popup
Beitrag von: Depechem am 06 Februar 2017, 17:35:23
Zitat von: n4rrOx am 06 Februar 2017, 17:23:41
CSS:

.dialog_BG {
  background-color: #2A6677;
}


HTML:

<div data-type="popup" data-height="400px" data-width="200px">
                        <div data-type="link" class="large thin">Show Temperatur</div>
                        <div class="dialog dialog_BG">
                            <header>DIALOG</header>
                            <div class="...">
                               ....


Vllt so?
ungetestet ... ggf. noch ein !important in der CSS hinter die Farbangabe setzen.

bin ich doof,
warum ich da nicht selbst drauf komme!!

Vielen Dank das klappt ;-)