1

コードには RadSplitter を含む RadWindow が含まれており、その中に 2 つの RadPanes があります。2 番目のペインには RadTextBox が含まれます。ウィンドウからスクロールバーを削除しようとしています.Scrolling = "None"、固定位置などのソリューションを試しましたが、何も機能していないようです.

これは私が得るものです。

これは私が得るものです。

これは私が達成しようとしているものです

これは私が達成しようとしているものです

コード:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="DefaultCS2.aspx.cs"  Inherits="RadControlsWebApp1.DefaultCS2" %>
 <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI"      %>
     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 <html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title>Modal Popup</title>
</head>
<body>
<form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="QsfSkinManager" runat="server" Skin="Office2007" />
    <telerik:RadFormDecorator ID="QsfFromDecorator" runat="server"     DecoratedControls="All" EnableRoundedCorners="false" />

    <telerik:RadAjaxPanel runat="server" ID="rapConfiguration" LoadingPanelID="ralpConfiguration" HorizontalAlign="NotSet">
        <telerik:RadWindow ID="modalPopup" VisibleStatusbar="false" runat="server" AutoSize="true" OnClientResize="ResizeRadSplitter" OnClientCommand="ResizeRadSplitter">
            <ContentTemplate>

                <telerik:RadSplitter  ID="MainSplitter" runat="server" Height="100%" Width="100%" Orientation="Horizontal">
                    <telerik:RadPane ID="Radpane4" runat="server" Width="100%">
                        Splitter Top Pane
                    </telerik:RadPane>
                    <telerik:RadSplitBar ID="Radsplitbar4" runat="server" CollapseMode="Forward">
                    </telerik:RadSplitBar>
                    <telerik:RadPane  ID="Radpane5" runat="server" Height="100%" Scrolling="None" Width="100%">
                        <telerik:RadTextBox ID="chatBox" runat="server" TextMode="MultiLine" Resize="None" Rows="10" Width="100%"
                            EmptyMessage="type here" AutoPostBack="true" BorderStyle="None" Style="border: none; margin: 0 auto; outline: none">
                        </telerik:RadTextBox>
                    </telerik:RadPane>
                </telerik:RadSplitter><br />
            </ContentTemplate>

        </telerik:RadWindow>

    </telerik:RadAjaxPanel>
    <telerik:RadCodeBlock runat="server" ID="rdbScripts">
        <script type="text/javascript">

            function ResizeRadSplitter(sender, args) {
                var splitter = $find("<%=MainSplitter.ClientID %>");
        var container = $telerik.$(sender.get_contentElement());
        splitter.resize(container.width(), container.height());
    }
            function showDialogInitially() {
                var wnd = $find("<%=modalPopup.ClientID %>");
                wnd.show();
                Sys.Application.remove_load(showDialogInitially);
            }
            Sys.Application.add_load(showDialogInitially);
        </script>
    </telerik:RadCodeBlock>
</form>

4

2 に答える 2

2

次の CSS を試してみてください。動作するはずです

 <style type="text/css">
        #modalPopup_C
        {
            overflow:hidden !important;
        }
    </style>

ありがとうAB

于 2013-07-04T09:21:05.193 に答える
2

上記の解決策は、クライアント ID の変更による 1 つの微調整でうまくいきました。私のcssは次のようになりました:

#<%=modalPopup.ClientID %>_C
{
    overflow:hidden !important;
}
于 2013-10-18T16:12:29.773 に答える