radwindow looks weird

[yao wang]

I open radwindow, but the window looks so weird with some stange green boards. Could you help me to find out why?

 

 

<telerik:RadWindowManager ID="WinMan" runat="server"

 

 

 

ShowContentDuringLoad="False" Behavior="Default"

 

 

 

InitialBehavior="None" DestroyOnClose="True">

 

 

 

<Windows>

 

 

 

<telerik:RadWindow ID="WID_FORGOT_1" runat="server" AutoSize="True"

 

 

 

Behaviors="Resize, Close, Move" BorderStyle="Solid" BorderWidth="3px"

 

 

 

ClientIDMode="Static" KeepInScreenBounds="True" ReloadOnShow="True"

 

 

 

VisibleStatusbar="False">

 

 

 

</telerik:RadWindow>

 

 

 

</Windows>

 

 

 

</telerik:RadWindowManager>

 

<

 

 

script type="text/javascript">

 

 

 

function forgotUserid() {

 

 

 

var widUrl = "./Public/Forgot.aspx?i=u&id=";

 

 

 

var widId = "WID_FORGOT_1 ";

 

openWidget(widUrl, widId,

 

"USERNAME");

 

}

 

 

function forgotPassword() {

 

 

 

var widUrl = "./Public/Forgot.aspx?i=p&id=" + document.getElementById("UsernameTextBox").value;

 

 

 

var widId = "WID_FORGOT_1 ";

 

openWidget(widUrl, widId,

 

"PASSWORD");

 

}

 

 

function openWidget(widUrl, widId, type) {

 

closeWidget();

 

 

var oMan = GetRadWindowManager();

 

 

 

var oWnd = oMan.open(widUrl, widId);

 

 

 

if (type == "USERNAME")

 

oWnd.SetSize(360, 290);

 

//width, height

 

 

 

else {

 

 

 

if (document.getElementById("UsernameTextBox").value != "")

 

oWnd.SetSize(360, 290);

 

 

else

 

oWnd.SetSize(360, 340);

}

oWnd.set_visibleStatusbar(

 

false);

 

oWnd.set_behaviors(Telerik.Web.UI.WindowBehaviors.Close + Telerik.Web.UI.WindowBehaviors.Move + Telerik.Web.UI.WindowBehaviors.Resize);

oWnd.SetTitle(

 

"FORGOT " + type);

 

oWnd.setActive();

 

 

return oWnd;

 

}

 

 

function closeWidget() {

 

 

 

var allWindows = GetRadWindowManager().GetWindows();

 

 

 

for (var i = 0; i < allWindows.length; i++) {

 

 

 

var oWnd = allWindows[i];

 

 

 

if (oWnd._title.match("FORGOT") != null) {

 

oWnd.close();

 

 

break;

 

}

}

}

 

 

</script>

 

[Robert Verderber]

I have the exact same issue. Using version 2010.1.415.35

Updated to SP2 dated today and still have the same issue. The problem seems to be related to the Title and Status bars. If I set VisibleStatusBar and VisibleTitleBar to false then the windows draw properly. If I set either to true then I see some sprite artifacts in the corresponding section. I tired 3 different skins (Windows7, Default and Black) and all do the same thing.

[Robert Verderber]

I have some more information. I thought this was probably related to a css issue on my page. Removing all the style sheets made the windows render properly. I tracked the issue down to the text.css file that comes with the 960 grid system (http://960.gs). It attempts to set some basic parameters after issueing a css reset. It appears to be some combination of the following css rules:

ol
{
    list-style: decimal;
}
ul
{
    list-style: square;
}
li
{
    margin-left: 30px;
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset
{
    margin-bottom: 20px;
}

Removing all of these causes the windows to render properly.

[Svetlina Anati]

Hi guys,

Please, note that the RadControls are actually complex HTML and they are formed by standard HTML elements which are styled in a certain way. That is why when using them as well as any other third party controls, it is strongly recommended to avoid using global styles because they can override the default settings of the elements which form the third party control and to ruin their appearance as in your case.

This being said, please remove the global styles and set the desired CSS to your custom HTML elements by assigning a class name to them - in this manner you will style your page as you desire without affecting RadWindow or any other RadControl on your page.

Best wishes,
Svetlina
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.