RenderMode="Lightweight" versus normal rendermode

2 posts, 0 answers
  1. Sam Tran
    Sam Tran avatar
    83 posts
    Member since:
    Nov 2006

    Posted 14 Jun 2013 Link to this post

    When I add RenderMode="Lightweight" to a RadWindowManager, only the active RadWindow is fully visible.
    All other open RadWindows are semi-transparent.

    Without the RenderMode="Lightweight", the content of all RadWindows are fully visible.  It's only the Titlebar and "window frame" of non-active windows that become semi-transparent.

    I would like to keep RenderMode="Lightweight" but still have content of all windows fully visible.
    I see an "Opacity" attribute, but it doesn't seem to do anything.

    One of the main reasons to use multiple RadWindows is that users can compare the content of 2 or more windows,or one window has info that is pertinent/related to another window.

    This becomes impossible when RenderMode="Lightweight"  because only the active window can be fully seen.

    Help!
  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3595 posts

    Posted 17 Jun 2013 Link to this post

    Hello,

    As in that case the Window is inactive, the correct behavior should be the one under LightWeight render mode, as the whole content should be inactive and not only the TitleBar. While LightRender mode was developed, we didn't tried to achieve 1:1 the Classic mode behavior with modern rendering, but to improve it in all aspects.

    However, if you want to archive the same behavior for the inactive windows in Classic, you could use the following CSS override:

    <head runat="server">
        <title></title>
        <style type="text/css">
            div.RadWindow.rwInactiveWindow {
                opacity: 1;
                filter: none;
            }
             
            div.RadWindow.rwInactiveWindow .rwTitleBar {
                opacity: .5;
                filter:alpha(opacity=50);
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        </telerik:RadScriptManager>
        <telerik:RadWindowManager runat="server" ID="rwmanager" RenderMode="Lightweight">
            <Windows>
                <telerik:RadWindow runat="server" Width="200" Height="200" Top="100" Left="50" VisibleOnPageLoad="true">
                    <ContentTemplate>
                        <div>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet massa
                            sed mi pretium semper. Morbi neque dolor, venenatis at ullamcorper non, fringilla
                            at nulla.k</div>
                    </ContentTemplate>
                </telerik:RadWindow>
                <telerik:RadWindow runat="server" Width="200" Height="200" Top="100" Left="270" VisibleOnPageLoad="true">
                    <ContentTemplate>
                        <div>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet massa
                            sed mi pretium semper. Morbi neque dolor, venenatis at ullamcorper non, fringilla
                            at nulla.k</div>
                    </ContentTemplate>
                </telerik:RadWindow>
                <telerik:RadWindow runat="server" Width="200" Height="200" Top="100" Left="500" VisibleOnPageLoad="true">
                    <ContentTemplate>
                        <div>
                            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet massa
                            sed mi pretium semper. Morbi neque dolor, venenatis at ullamcorper non, fringilla
                            at nulla.k</div>
                    </ContentTemplate>
                </telerik:RadWindow>
            </Windows>
        </telerik:RadWindowManager>
        </form>
    </body>
    </html>

    This will make only the Titlebar semi-transparent.

    I have also created a feedback portal entry to discuss whether the current appearance should be preserved, or the lightweight mode should look like the classic mode: Inactive RadWindow with RenderMode=Lightweight should not be entirely semi-transparent. Please vote and comment there.

    Regards,
    Marin Bratanov
    Telerik
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top