Question

我正在开发一个Asp .net项目，我正在使用RadSplitter来分割我的网站。我想从拆分器中删除边框。这是我下面的asp代码，我删除了边框，但它们仍然出现。有人可以帮帮我吗？

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="webbetv1.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <html runat="server">
    <head >
    <style type="text/css">

    .RadSplitter .pane,  
.RadSplitter .paneHorizontal 
{ 
    border: 0px  !important; 
    padding: 0px !important;
}
        .style1
        {
            width: 100%;
            margin-bottom: 33px;
        }
    </style>
    <script type="text/javascript">
        //Put your JavaScript code here.
    </script>
    </head>
     <form id="Form1" runat="server">
    <body>

    <telerik:RadScriptManager ID="RadScriptManager1" Runat="server">
</telerik:RadScriptManager>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
    <div  style="height:800px; width: auto;">
        <telerik:RadSplitter ID="MainSplitter" runat="server" Width="100%" Height="100%" ExpandMode="FullExpandItem" 
            Orientation="Horizontal" LiveResize="false" BorderSize="0" BorderWidth="0px"  BorderStyle="None" CssClass="pane"   >
            <telerik:RadPane ID="TopPane" runat="server" Height="120" MinHeight="85" MaxHeight="150" BorderWidth="0px"   
                Scrolling="none" CssClass="pane" >
                <asp:PlaceHolder ID="PlaceHolder3" runat="server"></asp:PlaceHolder>

                <table class="style1">
                    <tr>
                        <td>
                            &nbsp;</td>
                        <td>
                            &nbsp;</td>
                    </tr>
                    <tr>
                        <td>
                            sadasd</td>
                        <td>
                            &nbsp;</td>
                    </tr>
                </table>

            </telerik:RadPane>
            <telerik:RadSplitBar ID="RadsplitbarTop" runat="server" CollapseMode="Forward" Height="100%" BorderWidth="0px" BorderStyle="None" />
            </telerik:RadSplitter>
            </div>
             </body>
            </form>

            </html>

Here the image:

Answer 1

尝试添加

border: none;

到您的.pane css 课程。

我遇到了同样的问题，我不得不将其添加到css类以及设置BorderStyle="None"和BorderSize="0"。我正在使用母版页，我怀疑该资产被某处覆盖了。

Answer 2

为了删除边框，不需要css：在RadSplitter集上：

PanesBorderSize="0" BorderWidth="0"

在RadPane集上：

BorderWidth="0"

既然图像可见，也许您只想隐藏RadSplitBar。在这种情况下，您既可以删除它，也可以只设置Visible="False"。

RadSplitter删除边框不起作用

2 个答案: