This is a migrated thread and some comments may be shown as answers.

radwindow looks weird

3 Answers 59 Views
Window
This is a migrated thread and some comments may be shown as answers.
yao wang
Top achievements
Rank 1
yao wang asked on 18 May 2010, 08:39 PM
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>

 

3 Answers, 1 is accepted

Sort by
0
Robert Verderber
Top achievements
Rank 2
answered on 19 May 2010, 07:22 PM
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.
0
Robert Verderber
Top achievements
Rank 2
answered on 19 May 2010, 09:10 PM
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.
0
Svetlina Anati
Telerik team
answered on 21 May 2010, 09:54 AM
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.
Tags
Window
Asked by
yao wang
Top achievements
Rank 1
Answers by
Robert Verderber
Top achievements
Rank 2
Svetlina Anati
Telerik team
Share this question
or