Styles in RadWindow

[Kurt Kluth]

Attached is an image that helps add a visual component of what is happening to a form that we have loading in a RadWindow.

The pop-up window does seem to load the style-sheets but doesn't apply all the styles.  ie.  RadButtons on primary form pick up the colors but in the RadWindow they do not.  We use a RadDropDownList on both pages and the primary screen picks up the style but the pop-up window does not. 

Any suggestions of why? 

If you were to look at the source of parent window and look at the style for the button it gathers the information from "Telerik.web.ui.webresource.axd" but in the pop-up it reads "Webresource.axd". 

[Marin Bratanov]

Hello Kurt,

Depending on your setup, there may be several reasons for an issue with the styles of the controls in a RadWIndow:

• if you are using RadFormDecorator to style textboxes and dropdowns in the ContentTemplate of the RadWIndow, examine this article: http://www.telerik.com/help/aspnet-ajax/formdecorator-decorating-radwindow.html.
• If you are using an external page - try adding a RadStyleSheetManager and RadScriptManager, as this is what makes a difference in the type of the requested webresource.
• If the form controls are part of our suite, make sure the Skin property is set as expected (from the web.config, per control, or through a RadSkinManager on the content page).
• if you override the skins of the controls on the main page, you should add that stylesheet to the content page as well.

If this does not help, please explain the situation in more detail and add  some comparisons between the expected vs actual behavior as I do not see dropdown lists. Sharing the code that leads to the problem will also help.


Regards,

Marin Bratanov
Telerik

 

 

[Kurt Kluth]

Thank you as your response directed me in the right direction.  We had our master page but we also had a pop-up master page that loaded the styles.  After comparing the files some more I noticed I was missing the following lines and missing setting the RadSkinManager variable in the code-behind.

    <telerik:RadStyleSheetManager runat="server" ID="RadStyleSheet1" />
<telerik:RadFormDecorator runat="server" ID="RadFormDecorator1" DecoratedControls="all" />
<telerik:RadSkinManager runat="server" ID="RadSkinManager1" ShowChooser="false" />