FineUI 官方论坛

标题: 如何做到水平布局 [打印本页]
作者: 石头    时间: 2013-7-4 10:21
标题: 如何做到水平布局
FINEUI对垂直布局比较方便，但水平布局就比较烦。现在想做一个布局，两个GRID，呈水平方向排列，中间有两个按钮，两个按钮时呈垂直排列，试了几次都没有成功，请高手帮忙，谢谢！！
作者: 冬天    时间: 2013-7-4 10:50
我也头疼这个。。。。
作者: Lisa    时间: 2013-7-4 11:32
hbox不就是水平布局吗？
作者: Lisa    时间: 2013-7-4 11:41
你看看是不是你的要求？
C:\Users\Lisa.zhang\Desktop\未命名.jpg
作者: Lisa    时间: 2013-7-4 11:43
代码
  1. <body>
  2.     <form id="form1" runat="server">
  3.         <x:PageManager ID="PageManager1" runat="server" AutoSizePanelID="Panel1" />
  4.         <div>
  5.             <x:Panel ID="Panel1" runat="server" Layout="HBox" BoxConfigAlign="Stretch">
  6.                 <Items>
  7.                     <x:Grid ID="Grid1" runat="server" Title="Grid" BoxFlex="1">
  8.                         <Columns></Columns>
  9.                     </x:Grid>
  10.                     <x:Panel ID="Panel2" runat="server" BodyPadding="5px" ShowBorder="true" ShowHeader="true" Title="Panel" Width="100" Layout="VBox" BoxConfigAlign="Middle" BoxConfigPosition="Center">
  11.                         <Items>
  12.                             <x:Button ID="Button1" runat="server" Text="Button"></x:Button>
  13.                             <x:Button ID="Button2" runat="server" Text="Button"></x:Button>
  14.                         </Items>
  15.                     </x:Panel>
  16.                     <x:Grid ID="Grid2" runat="server" Title="Grid" BoxFlex="1">
  17.                         <Columns></Columns>
  18.                     </x:Grid>
  19.                 </Items>
  20.             </x:Panel>
  21.         </div>
  22.     </form>
  23. </body>
复制代码
作者: 石头    时间: 2013-7-4 13:56
多谢！！
作者: yygy    时间: 2013-7-4 14:06
多谢，好用
作者: 亮亮胖胖    时间: 2013-7-7 12:12
不错，还有一种方式：Form的ColumnWidths+Panel的Layout



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