<![CDATA[[Gelöst] Bitte um Tipp eines CSS Profis]]>Hallo,
Ich verwende ziemlich häufig Dialoge bzw. Popups in meiner Darstellung und möchte dafür keine Ränder in den Popups.
Ich habe nun einen Weg gefunden dies per CSS einzustellen:

.ui-dialog[aria-describedby="w00090_dialog"] {
    background: transparent !important;
    border: none !important;
}

.ui-dialog[aria-describedby="w00090_dialog"] .ui-dialog-titlebar
{
    display: none !important;
}

Aber wie ihr sehen könnt, schaffe ich es "nur" für das spezielle Widget dieses CSS anzuwenden (Hier in diesem Beispiel W00090.
Wie kann ich einen allgemeinen CSS Eintrag erstellen, den ich dann im Widget unter Generell CSS Klasse eintragen kann und das Popup (Dialog) so dargestellt werden kann.

Danke für eure Hilfe
Klaus

]]>https://forum.iobroker.net/topic/28415/gelöst-bitte-um-tipp-eines-css-profisRSS for NodeSat, 04 Apr 2026 04:38:40 GMTFri, 03 Jan 2020 08:51:44 GMT60<![CDATA[Reply to [Gelöst] Bitte um Tipp eines CSS Profis on Sat, 04 Jan 2020 10:48:18 GMT]]>@FredF Hallo
Dachte ich auch und stellte es unter Projekt - aber witzigerweise ist dieses Verhalten auch im Editor wenn ich es unter Projekt stelle. Im Matrial Design haben sie schon ein CSS eigeführt, welches nur in der Runtime aktiv ist - dort würde es gehen! Muss ich halt irgendwann auf Material Design umschalten.

]]>https://forum.iobroker.net/post/351257https://forum.iobroker.net/post/351257Sat, 04 Jan 2020 10:48:18 GMT<![CDATA[Reply to [Gelöst] Bitte um Tipp eines CSS Profis on Fri, 03 Jan 2020 15:45:29 GMT]]>@klaus88 sagte in [Gelöst] Bitte um Tipp eines CSS Profis:

(UPDATE) Nachteil dieser Lösung: Es werden auch die Dialoge im Editor anders dargestellt !

Das wird das Problem sein:

und folgenden Code unter Global gestellt

Vielleicht besser im Projekt einstellen

]]>https://forum.iobroker.net/post/350794https://forum.iobroker.net/post/350794Fri, 03 Jan 2020 15:45:29 GMT<![CDATA[Reply to [Gelöst] Bitte um Tipp eines CSS Profis on Fri, 03 Jan 2020 14:08:38 GMT]]>@Jey-Cee DANKE - manche Dinge sind so einfach, dass man nicht draufkommt !

Habe jetzt deinen Tipp herangezogen und folgenden Code unter Global gestellt und es passt:

.ui-dialog{
   background: transparent !important;
   border: none !important;
}
.ui-dialog .ui-dialog-titlebar {
    display: none !important;
}

Danke für deine Hilfe!

(UPDATE) Nachteil dieser Lösung: Es werden auch die Dialoge im Editor anders dargestellt !

]]>https://forum.iobroker.net/post/350714https://forum.iobroker.net/post/350714Fri, 03 Jan 2020 14:08:38 GMT<![CDATA[Reply to [Gelöst] Bitte um Tipp eines CSS Profis on Fri, 03 Jan 2020 09:33:51 GMT]]>@klaus88 das war es irgendwie nicht, konnte das widget nicht finden, egal. In der Annahme das du html Dialog verwendest, sollte

.ui-dialog {
   border: none!important;
}

oder

.ui-widget-content {
  border: none;
}

funktionieren.
Du kannst direkt die CSS Klasse ansprechen wenn du es Global haben willst, dann wird alles mit dieser Klasse so dargestellt.

]]>https://forum.iobroker.net/post/350557https://forum.iobroker.net/post/350557Fri, 03 Jan 2020 09:33:51 GMT<![CDATA[Reply to [Gelöst] Bitte um Tipp eines CSS Profis on Fri, 03 Jan 2020 09:15:49 GMT]]>@Jey-Cee Hoffe das passt so:

popup.txt

DANKE FÜR DEINE HILFE!

]]>https://forum.iobroker.net/post/350541https://forum.iobroker.net/post/350541Fri, 03 Jan 2020 09:15:49 GMT<![CDATA[Reply to [Gelöst] Bitte um Tipp eines CSS Profis on Fri, 03 Jan 2020 09:10:17 GMT]]>@klaus88 öffne dein Vis in der Ansicht und mach einen rechts Klick auf den geöffneten Dialog. In Chrome siehst du dann ganz unten "Untersuchen" bei Firefox heist das Ähnlich.
Dann öffnet sich die Console und du siehst den Quellcode des Dialogs.

]]>https://forum.iobroker.net/post/350538https://forum.iobroker.net/post/350538Fri, 03 Jan 2020 09:10:17 GMT<![CDATA[Reply to [Gelöst] Bitte um Tipp eines CSS Profis on Fri, 03 Jan 2020 09:05:25 GMT]]>@Jey-Cee Hallo Hilf mir mal schnell - meinst du das Widget bzw. den Code vom Widget oder welchen HTML Code meinst du?

]]>https://forum.iobroker.net/post/350534https://forum.iobroker.net/post/350534Fri, 03 Jan 2020 09:05:25 GMT<![CDATA[Reply to [Gelöst] Bitte um Tipp eines CSS Profis on Fri, 03 Jan 2020 09:02:05 GMT]]>@klaus88 Kannst du mal den html code dazu zeigen.

]]>https://forum.iobroker.net/post/350532https://forum.iobroker.net/post/350532Fri, 03 Jan 2020 09:02:05 GMT