2012-08-30 23 views
1

我正在開發一個Asp .net項目,我正在使用RadSplitter來分割我的網站。我想從分離器中刪除邊框。這是我的asp代碼如下,我刪除了邊框,但它們仍然出現。任何人都可以幫助我嗎?RadSplitter刪除邊框不起作用

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

+0

請重播或設置正確的答案。 –

回答

0

嘗試增加

border: none; 

.paneCSS類。

我有同樣的問題,我不得不添加到CSS類以及設置BorderStyle="None"BorderSize="0"。我正在與一個母版頁工作,我懷疑該財產被覆蓋的地方。

0

無CSS應該是必要的,以便去除邊界: 在RadSplitter設置:

PanesBorderSize="0" BorderWidth="0" 

在RadPane設置:

BorderWidth="0" 

現在該圖像是可見的,也許你只想隱藏RadSplitBar。在這種情況下,你既可以刪除它,也可以設置Visible="False"