Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Window > RadWindow Transparency

• bslaght Master

  Posted on Mar 6, 2008 (permalink)

  I am wondering if there is a way to turn off the transparency on the rad windows.  It seems that all skins in prometheus version are semi transparent is there a way to make then non-transparent?

  Reply

• Georgi Tunev Georgi Tunev

  Posted on Mar 7, 2008 (permalink)

  Hi bslaght,
  
  To achieve this you need to modify the built-in skin as shown in the documentation (RadControls 'Prometheus' Fundamentals / Controlling Visual Appearance /Modifying built-in skins) and set the opacity of the RadWindow as desired.
  
  I hope this information will get you started.
  
  
  
  Greetings,
  Georgi Tunev
  the Telerik team

  
  Instantly find answers to your questions at the new Telerik Support Center

  Reply


• Matt

  Posted on Jul 24, 2008 (permalink)

  I am also trying to disable the transparency, and I looked at this help page:
  http://www.telerik.com/help/aspnet-ajax/controllingvisualappearance.html
  but I couldn't find the answer.  Can you guide me on how to disable the window transparency on the ASP.NET AJAX windows?
  
  Thanks,
  Matt
  
  

  Reply

• Louis

  Posted on Jul 27, 2008 (permalink)

  I cannot find this documention in the online help, the CHM (which does not work), the PDF, or the documentation installed with the controls. I have Q2 2008 installed. This is pretty critical information for us to have at this time; can you please let us know where we can find this info?
  

  Reply

• Louis

  Posted on Jul 27, 2008 (permalink)

  Update: I performed a full insall of Q2 and did find the controlling appearance section in the local help, but the help link to this from the Skins topic is broken in both the online help and the locally installed help.
  

  Reply

• Georgi Tunev Georgi Tunev

  Posted on Jul 28, 2008 (permalink)

  Hello Matt,
  
  Thank you for reporting the problem with the link - I will fix it right away.
  As for setting the transparency of the RadWIndow, you need to use a custom skin (as explained in the Controlling Visual Appearance section of the documentation) and override the styles for the inactive window and the toolbar's transparency.
  For your convenience I prepared a small sample that shows how to achieve this - please check the /*TELERIK CHANGED*/ sections at the end of the 2 CSS files.
  
  
  
  Best wishes,
  Georgi Tunev
  the Telerik team

  
  Check out Telerik Trainer, the state of the art learning tool for Telerik products.

  Attached files

  • ModifyRadWindowTransparency.zip

  Reply

• Shuchi Bhalla

  Posted on Aug 8, 2008 (permalink)

  Hi
  
  I tried the Css included in the sample project, but it did not work. Then I made the following addition to it:
  
  
  /*TELERIK MODIFIED*/
  /* inactive window settings */

   div.TelerikModalOverlay,

  div.radwindow.inactivewindow td.corner,

   div.radwindow.inactivewindow td.titlebar,

   div.radwindow.inactivewindow td.footercenter

   {

  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;

  opacity: 1 !important; -moz-opacity: 1 !important;

  }
  
  
  This css now gives the expected results, the background is a solid gray when a popup is displayed. It returns to normal display mode when popup is closed.
  I am using Telerik controls v 2008.1.515.35
  
  Do let me know if anyone else also could not get the sample css to work and the modified css solved it.
  
  ~Shuchi

  Reply

• Arun Selvarangam

  Posted on Aug 13, 2008 (permalink)

  for the radwindow manager set the property of enableembeddedstylesheet = false. then copy the window.css in the telerik installed Skins folder to your project and embed the style sheet to the page where you are opening the radwindow. and then open the style sheet and comment the "inactive window settings". (i.e div.radwindow.inactivewindow)
  
  This will sure help you as I am doing the same for my pages.
  
  Arun.K.S

  Reply

• Matt

  Posted on Oct 1, 2008 (permalink)

  Is there any way to make this change (so that the windows are not transparent) without creating a whole new skin CSS file?  I'm using the dll that has all of the skins built into it and would prefer not to have separate skin files.  Is it possible to have a CSS style that can be added to the page itself that will override the transparency setting in the skin?  Or is it possible to create a CSS class that I can set on the window control using the CssClass property just for the transparency?
  
  Thanks,
  Matt
  

  Reply

• Georgi Tunev Georgi Tunev

  Posted on Oct 2, 2008 (permalink)

  Hi Matt,
  
  In general this is possible - just make sure that you enter the properties with the !important directive so they would override the default skin.
  
  
  
  Regards,
  Georgi Tunev
  the Telerik team

  
  Check out Telerik Trainer, the state of the art learning tool for Telerik products.

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Window > RadWindow Transparency