radwindow looks weird

4 posts, 0 answers
  1. yao wang
    yao wang avatar
    25 posts
    Member since:
    May 2010

    Posted 18 May 2010 Link to this post

    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>

     

  2. Robert Verderber
    Robert Verderber avatar
    33 posts
    Member since:
    Aug 2005

    Posted 19 May 2010 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Robert Verderber
    Robert Verderber avatar
    33 posts
    Member since:
    Aug 2005

    Posted 19 May 2010 Link to this post

    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.
  5. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 21 May 2010 Link to this post

    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.
Back to Top