Enabling Shadow causes transparent title bar on inactive window

4 posts, 0 answers
  1. LeBear
    LeBear avatar
    233 posts
    Member since:
    May 2006

    Posted 15 Jul 2011 Link to this post

    I'm implementing an MDI interface similar to your demo, but I'm not using the window manager (it was causing problems addressed in other thread).  I just upgraded to Q2 2011, and now the title bar on my inactive windows are transparent.  If I turn the shadow off, I don't have the problem.

    Of course, I really like the shadows.  It sets the windows off very nicely.

    Can you please look into this?

    Thank you.
  2. Bozhidar
    Admin
    Bozhidar avatar
    677 posts

    Posted 18 Jul 2011 Link to this post

    Hi,

    I have tried to reproduce the issue with the following code:

    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <head id="Head1" runat="server">
        <title></title>
        <style type="text/css">
             
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <telerik:RadWindow ID="SummaryRadWindow" runat="server" Behaviors="Resize, Close, Move"
            Height="300px" Title="Win Title" Width="400px" VisibleOnPageLoad="true" Skin="Default"
            Top="20" Left="20" EnableShadow="true">
            <ContentTemplate>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu nisl eget
                erat elementum porttitor eget sed dui. Curabitur non tristique quam. Pellentesque
                habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
                Maecenas lorem enim, pellentesque sed congue at, tincidunt ut justo.
            </ContentTemplate>
        </telerik:RadWindow>
        <telerik:RadWindow ID="RadWindow1" runat="server" Behaviors="Resize, Close, Move"
            Height="300px" Title="Win Title" Width="400px" VisibleOnPageLoad="true" Skin="Default"
            Top="20" Left="500" EnableShadow="true">
            <ContentTemplate>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse eu nisl eget
                erat elementum porttitor eget sed dui. Curabitur non tristique quam. Pellentesque
                habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
                Maecenas lorem enim, pellentesque sed congue at, tincidunt ut justo.
            </ContentTemplate>
        </telerik:RadWindow>
        <br />
        <br />
        <br />
        </form>
    </body>
    </html>

    Switching between two windows makes one of them inactive and the other to be active. The issue with the transparent title bar does not exist. Both windows have shadows enabled. Could you please change the  code in order to reproduce the issue?

    Regards,
    Bojo
    the Telerik team

    Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. David
    David avatar
    1 posts
    Member since:
    Nov 2012

    Posted 23 Sep 2014 in reply to Bozhidar Link to this post

    Hi,

    Could you please have a look at your demo:
    http://demos.telerik.com/aspnet-ajax/window/examples/radwindowandmdi/defaultcs.aspx
    1.Open two windows
    2. Press the minimize button on the active window
    The minimized window becomes hidden, the first one window's tab becomes selected, but the first window remains grayed out (inactive)

    Could you please help?
  5. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3595 posts

    Posted 24 Sep 2014 Link to this post

    Hi David,

    Try adding a small timeout when the window is activated:

    function OnClientTabSelected(sender, args) {
        //get a reference to the corresponding window
        var win = args.get_tab().correspondingWnd;
     
        if (!win) return;
     
        if (!win.isVisible()) {
            win.show();
            win.restore();
            //if the window was maximized before client minimizes it, we need to restore
            //its maximized state
            if (win._Maximized) {
                win.maximize();
                win._Maximized = null;
            }
     
        }
        setTimeout(function () {
            win.setActive(true);
        }, 0);
    }



    Regards,

    Marin Bratanov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top