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 65 Views

Window

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

Khalid asked on 12 Sep 2012, 02:35 PM

ie8.jpg

ff15-0-1.jpg

chrome-21-0-11.jpg

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
--%>





<html lang="en" class="no-js">

<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).

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

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

5 Answers, 1 is accepted