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

horizontal scrollbar comming in IE8, not in FF 15.0.1 and chrome 21.0.11

5 Answers 51 Views
Window
This is a migrated thread and some comments may be shown as answers.
Khalid
Top achievements
Rank 1
Khalid asked on 12 Sep 2012, 02:35 PM
Hi,

I have a Telerik RadWindow popup control. If I open some popup in IE, I see always a horizontal scrollbar. If I open the same popup in FF or Chrome I do not see the scrollbar. I see only the space for the scrollbar. This is the code of my masterpage with the radwindow control:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="CC.RPA.ASP.GUI.SiteMaster" %>
<!DOCTYPE html>
<%--
HTML5 Boilerplate master page:
http://geekswithblogs.net/ranganh/archive/2011/11/17/html5-boilerplate-template-for-asp.net-with-visual-studio-2010.aspx
--%>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en" class="no-js">
<!--<![endif]-->
<head runat="server">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title></title>
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="<%# ResolveUrl("~/favicon.ico") %>">
    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" EnableStyleSheetCombine="true"
        OutputCompression="AutoDetect">
        <StyleSheets>
            <telerik:StyleSheetReference Path="~/Styles/Site.css" />
            <telerik:StyleSheetReference Path="~/Styles/Handheld.css" />
            <telerik:StyleSheetReference Path="~/Styles/Skins/Button.css" />
            <telerik:StyleSheetReference Path="~/Styles/Skins/Grid.css" />
            <telerik:StyleSheetReference Path="~/Styles/Skins/Menu.css" />
            <telerik:StyleSheetReference Path="~/Styles/Skins/Window.css" />
            <telerik:StyleSheetReference Path="~/Styles/Skins/CC/Button.CC.css" />
            <telerik:StyleSheetReference Path="~/Styles/Skins/CC/Grid.CC.css" />
            <telerik:StyleSheetReference Path="~/Styles/Skins/CC/Menu.CC.css" />
            <telerik:StyleSheetReference Path="~/Styles/Skins/CC/Window.CC.css" />
        </StyleSheets>
    </telerik:RadStyleSheetManager>
    <script src="<%# ResolveUrl("~/Scripts/modernizr-2.5.2.js") %>" type="text/javascript"></script>
    <asp:ContentPlaceHolder ID="HeadContent" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form runat="server">
    <telerik:RadScriptManager runat="server" LoadScriptsBeforeUI="true" EnableScriptCombine="true"
        OutputCompression="AutoDetect">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
            <asp:ScriptReference Path="~/Scripts/Plugins.js" />
            <asp:ScriptReference Path="~/Scripts/Script.js" />
        </Scripts>
    </telerik:RadScriptManager>
    <telerik:RadAjaxManager runat="server" DefaultLoadingPanelID="AjaxLoadingPanel">
    </telerik:RadAjaxManager>
    <asp:ContentPlaceHolder ID="MainContent" runat="server">
    </asp:ContentPlaceHolder>
    <telerik:RadWindowManager ID="WindowManager" runat="server" Modal="true" ReloadOnShow="true" MinWidth="400px">
        <Localization Yes="<%$ Resources: Buttons, Yes %>" No="<%$ Resources: Buttons, No %>" />
        <%-- TODO: Skin radalert en radconfirm popups.
        <AlertTemplate>
            <div class="rwDialogPopup radalert">
                <div class="rwDialogText">
                    {1}
                </div>
                <div class="buttons center">
                    <a class="RadButton RadButton_Default rbLinkButton button ok" onclick="$find('{0}').close(true);"
                        href="javascript:void(0)" tabindex="0"><span class="rbText">
                            <asp:Literal runat="server" Text="<%$Resources:Buttons,OK %>" /></span></a>
                </div>
            </div>
        </AlertTemplate>
        --%>
<%--        <ConfirmTemplate>
            <div class="rwDialogPopup radconfirm">
                <div class="rwDialogText">
                    {1}
                </div>
                <div class="buttons center">
                    <a class="RadButton RadButton_Default rbLinkButton button yes" onclick="$find('{0}').close(true);"
                        href="javascript:void(0)" tabindex="0"><span class="rbText">
                            <asp:Literal ID="Literal1" runat="server" Text="<%$Resources:Buttons,Yes %>" /></span></a>
                </div>
            </div>
        </ConfirmTemplate>
--%>
        <Windows>
            <telerik:RadWindow ID="rwEditEntity" runat="server" Modal="true" ReloadOnShow="true"
                KeepInScreenBounds="true" Behaviors="Move" VisibleStatusbar="false" VisibleTitlebar="true"
                Width="850px" Height="500px" AutoSize="true" AutoSizeBehaviors="Height" />
        </Windows>
    </telerik:RadWindowManager>
    <telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel" Skin="" runat="server" BackgroundPosition="Center"
        Transparency="30">
        <div class="loading">
            <asp:Image ID="Throbber" runat="server" ImageUrl="~/App_Themes/CC_Theme/images/throbber.gif" />
        </div>
    </telerik:RadAjaxLoadingPanel>
    </form>
</body>
</html>

What is the problem? I hope someone can help me. See also attachments (IE: Not OK, FF and Chrome: OK).

5 Answers, 1 is accepted

Sort by
0
rdmptn
Top achievements
Rank 1
answered on 13 Sep 2012, 03:25 PM
Have you taken a shot at the suggestions from this help article: http://www.telerik.com/help/aspnet-ajax/window-troubleshooting-autosize-not-correct.html? If not - give them a try!
0
Khalid
Top achievements
Rank 1
answered on 14 Sep 2012, 07:50 AM
Yes I did read this page you referenced me. I have try to change the doctype like how it is in this page. The scrollbar problem was resolved, but very much other styling was showed bad. This is because my current doctype in my masterpage is for html 5.

The doctype on the telerik website is not for html 5. So this was also not the perfect solution.
0
rdmptn
Top achievements
Rank 1
answered on 14 Sep 2012, 11:34 AM
The idea of the doctype is to invoke Standards rendering mode in the browser. The XHML transitional or the HTML5 doctypes will both do this if your content is valid (X)HTML. DO check for that (e.g. here). If other stylyng is broken then most likely you are using something HTML5 or CSS3 that IE8 does not support.
0
Khalid
Top achievements
Rank 1
answered on 18 Sep 2012, 09:18 AM
Hi rdmptn,

Your link is not working. Can you fix your link please?
0
rdmptn
Top achievements
Rank 1
answered on 19 Sep 2012, 10:52 AM
Tags
Window
Asked by
Khalid
Top achievements
Rank 1
Answers by
rdmptn
Top achievements
Rank 1
Khalid
Top achievements
Rank 1
Share this question
or