javascriptkendo-uikendo-gridkendo-window

Kendo UI Window overlay opacity


How can I set overlay opacity with CSS. I tried .k-overlay { opacity:0.9; } but it wont work. Can anyone help me? here I provide a simple demo


Solution

  • .k-widget would be a too broad selection. You can set the opacity for that very window once the window will be shown:

    <script>
    function onOpen() {
      setTimeout(function(){ $("#dialog").parent().css("opacity", 0.2); }, 10);
    }
    
    $("#dialog").kendoWindow({
      modal: true,
      open: onOpen
    });
    </script>