FineUI 官方论坛

标题: 怎样隐藏Panel的4条边框中的一条？ [打印本页]
作者: yygy    时间: 2016-11-6 22:13
标题: 怎样隐藏Panel的4条边框中的一条？
ShowHeader="false" 可以隐藏4条边框，若想隐藏其中一条怎样写？BodyStyle="border-left-style:none"这样无效
作者: sanshi    时间: 2016-11-6 23:10
定义个CSS样式，然后CssClass来引用
作者: yygy    时间: 2016-11-7 21:45
[attach]9390[/attach]
  1. <html>
  2. <head runat="server">
  3.     <title></title>
  4.        <style type="text/css">
  5.       .borderLeft {
  6.             border-left-style:none
  7.         }
  8.        </style>
  9. </head>
  10. <body>
  11.     <form id="form1" runat="server">
  12.         <f:PageManager ID="PageManager1" OnCustomEvent="PageManager1_CustomEvent" runat="server" />
  13.         <f:Panel ID="Panel2" runat="server" Height="250px" Width="850px" ShowBorder="True" EnableCollapse="true"
  14.             Layout="HBox" BoxConfigAlign="Stretch" BoxConfigPosition="Start"
  15.             BodyPadding="5px" ShowHeader="True"
  16.             Title="面板">
  17.             <Items>
  18.                 <f:Panel ID="Panel1" Title="面板1" BoxFlex="1" runat="server"
  19.                     BodyPadding="5px" ShowBorder="true" ShowHeader="false">
  20.                     <Items>
  21.                         <f:Label ID="Label1" runat="server" Text="BoxFlex=1">
  22.                         </f:Label>
  23.                     </Items>
  24.                 </f:Panel>
  25.                 <f:Panel ID="Panel3" Title="面板2" Width="150px" CssClass="borderLeft"
  26.                     runat="server" BodyPadding="0px" ShowBorder="true" ShowHeader="false">
  27.                     <Items>
  28.                         <f:Label ID="Label2" runat="server" Text="Width=150px">
  29.                         </f:Label>
  30.                     </Items>
  31.                 </f:Panel>
  32.             </Items>
  33.         </f:Panel>
  34.     </form>
  35. </body>
  36. </html>
  37. 这样无效。
复制代码






欢迎光临 FineUI 官方论坛 (https://fineui.com/BBS/) Powered by Discuz! X3.4