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

RadWindow And AdjustResizing Problem In FireFox (Scroll Bars Appear)

8 Answers 163 Views
Window
This is a migrated thread and some comments may be shown as answers.
Majid Darab
Top achievements
Rank 1
Majid Darab asked on 07 Jul 2010, 10:05 AM
hi my dear friends :
i am so confused for setting the width and height of DIV and FIELDSET inside A RadWindow....!?
when i browse my radwindow in firefox with this code :
setTimeout(function() { GetRadWindow().autoSize(true) }, 500); 
every thing is ok in ie 8 - but in firefox i have scrolls bars !

how can i remove them?

my width and height of div and fieldset are like :
    <style type="text/css"
        html, body, form 
        { 
            padding: 0; 
            margin: 0; 
            height: 100%; 
            background-color: #f2f2de; 
        } 
        fieldset 
        { 
            height: 581px; 
        } 
        * + html fieldset 
        { 
            height: 585px; 
            width: 840px; 
        } 
    </style> 

<div style="width: 850px; height: 600px;"


how can i fix this problem ?

8 Answers, 1 is accepted

Sort by
0
Majid Darab
Top achievements
Rank 1
answered on 13 Jul 2010, 01:29 AM
any body home?
0
Emily Jimmerson
Top achievements
Rank 1
answered on 13 Aug 2010, 05:15 PM
I'm having a similar issue where the scrollbars appear in Firefox. I fixed the scrollbars appearing in IE7 and IE8 by adding the following:

    <style type="text/css">
        html, body, form
        {
            padding: 0;
            margin: 0;
            height: 100%;
        }
    </style>

However, this doesn't work for Firefox, and the scrollbars appear randomly. Sometimes the window will open with them, and sometimes they open without them. I noticed that when the scrollbars appear, the loading icon at the bottom right corner of the browser appears to not get loaded completely. See attached screenshot.

Here's what my RadWindow looks like. I simply added the AutoSize property and set it to true instead of using a set width and height, and now I get the scrollbars. Due to project requirememts, I need the window to autosize.

        <telerik:RadWindowManager ID="tkWindowManagerAdminSettings" runat="server" AutoSize="true">
            <Windows>
                <telerik:RadWindow ID="tkAdminSettings" runat="server" VisibleOnPageLoad="false"
                    Skin="Windows7" CssClass="radwindow_Default" Behaviors="Close, Move, Minimize"
                    VisibleStatusbar="false" Title="Admin Settings" AutoSize="true"
                    KeepInScreenBounds="true" Left="505px" Top="138px" NavigateUrl="~/secure/AdminSettings.aspx">
                </telerik:RadWindow>
            </Windows>
        </telerik:RadWindowManager>

I was unable to recreate the error when I tried to make a sample project to send in a support ticket so I'm looking over the rest of my project to see if there other errors affecting the RadWindow. But if anyone has had this issue before and found a solution, please let me know.

Thanks!
0
Cori
Top achievements
Rank 2
answered on 13 Aug 2010, 09:54 PM
Hello Majid,

Instead of using setTimeout to resize the window, try the following and see if that helps.

$telerik.$(document).ready(function() {GetRadWindow().autoSize(true);});
0
Emily Jimmerson
Top achievements
Rank 1
answered on 19 Aug 2010, 08:35 PM
Just thought I'd let you know our scrollbar issue was fixed by upgrading to the latest Telerik controls (version 2010.2.713.35).
0
Patrick Anthamatten
Top achievements
Rank 1
answered on 01 Oct 2010, 12:24 PM
Hi,

I has the same problem in Forefox. I just have upgraded to the latest version (2010.2.929.35), but the issue is still there.
Any ideas ?
0
Emily Jimmerson
Top achievements
Rank 1
answered on 01 Oct 2010, 05:04 PM
Hi Patrick,

When I submitted a support ticket regarding this issue, Telerik suggested I validate my site with this tool.

http://validator.w3.org/

  1. Run your web site.
  2. Right click, and choose "View Page Source".
  3. Copy the content of the rendered HTML.
  4. Open the "Validate By Direct Input" tab of the validator tool and paste the copied HTML.

Unfortunately, this didn't solve the issue for me, but maybe it will for you. This issue was frustrating because it would occur randomly. Sometimes the scrollbars would appear, and sometimes they wouldn't. I noticed that when the scrollbars appeared, the Height property got reduced by 2 pixels, the Top property added 1 pixel, and the Z-Index changed from 3001 to 3008 in the markup.

I hope you find a solution soon. If you have the option of entering a support ticket, I'd recommend doing that. You will probably be asked to recreate the issue in a sample project. I was unable to recreate the issue when I created a sample project so I hope you have better luck with it!

Emily
0
Majid Darab
Top achievements
Rank 1
answered on 01 Oct 2010, 06:38 PM
i have this problem too ! (not solved yet)
0
Rusty
Top achievements
Rank 1
answered on 11 Jan 2011, 11:25 PM
For anyone still interested --

I was able to implement a workaround using some javascript code from a post by Thorsten Schmid on this thread:
http://www.telerik.com/community/forums/aspnet/window/radwindow-without-scrollbar.aspx#783402

Hope that helps someone else!
Tags
Window
Asked by
Majid Darab
Top achievements
Rank 1
Answers by
Majid Darab
Top achievements
Rank 1
Emily Jimmerson
Top achievements
Rank 1
Cori
Top achievements
Rank 2
Patrick Anthamatten
Top achievements
Rank 1
Rusty
Top achievements
Rank 1
Share this question
or