1

我正在开发一个 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>

这里的图像：

4

2 回答 2

0

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

PanesBorderSize="0" BorderWidth="0"

在 RadPane 集上：

BorderWidth="0"

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

于 2014-05-28T12:46:14.393 回答
0

尝试添加

border: none;

到你的.pane CSS类。

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

于 2013-06-10T15:40:20.100 回答