Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Jquery Dialog mittels CSS anpassen

    NEWS

    • Neues Video über Aliase, virtuelle Geräte und Kategorien

    • Wir empfehlen: Node.js 22.x

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    Jquery Dialog mittels CSS anpassen

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

      Hallo zusammen,

      ich öffne mittels folgendem VIS-Script einen JQuery Dialog:

      $( "#dialog-servicemessages" ).dialog({
                      minHeight: 450,
                      minWidth: 600,
                      modal: true,
                      buttons: {
                      Ok: function() {
                      $( this ).dialog( "close" );
                           }
                       }
                       });
      
      

      Ist es möglich, diesen Dialog mittels CSS anzupassen? Ich möchte hauptsächlich Schriftart, Schriftfarbe und Dialog-Hintergrundfarbe ändern.

      1 Reply Last reply Reply Quote 0
      • P
        pix last edited by

        Hallo,

        ohne es zu testen: Kannst du nicht auf die ID #dialog-servicemessages gehen?

        #dialog-servicemessages {
           background-color: yellow;
        }
        

        Gruß

        Pix

        1 Reply Last reply Reply Quote 0
        • S
          SchuetzeSchulz last edited by

          HalloPix,

          habe ich gerade versucht, allerdings bekomme ich da nicht alles in gelb:

          294_unbenannt.png

          Wenn ich über den Firefox die Seite öffne und den Web-Inspektor benutze bekomme ich leider auch keine Klassennamen angezeigt 😞

          1 Reply Last reply Reply Quote 0
          • Bluefox
            Bluefox last edited by

            @SchuetzeSchulz:

            HalloPix,

            habe ich gerade versucht, allerdings bekomme ich da nicht alles in gelb:

            Unbenannt.png

            Wenn ich über den Firefox die Seite öffne und den Web-Inspektor benutze bekomme ich leider auch keine Klassennamen angezeigt 😞 `

            #dialog-servicemessages,
            div[aria-describedby="dialog-servicemessages"],
            div[aria-describedby="dialog-servicemessages"] .ui-dialog-buttonpane
            {
                background: yellow;
                font-style: italic;
            }
            
            

            48_2017-07-18_22_57_07-vis.png

            1 Reply Last reply Reply Quote 0
            • S
              SchuetzeSchulz last edited by

              Klasse, vielen lieben Dank! 🙂

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

              Support us

              ioBroker
              Community Adapters
              Donate

              746
              Online

              32.1k
              Users

              80.6k
              Topics

              1.3m
              Posts

              3
              5
              1980
              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