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!
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!
1 Answer, 1 is accepted
0
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:
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
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:
<html xmlns="http://www.w3.org/1999/xhtml"><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.