FineUI 官方论坛

标题: FileUpload和Button处于Form中出现不对齐的问题 [打印本页]
作者: 唐铁明    时间: 2012-12-11 05:17
标题: FileUpload和Button处于Form中出现不对齐的问题
<xageManager ID="ageManager1" runat="server" />
    <xanel ID="anel1" runat="server" BodyPadding="0px" EnableBackgroundColor="true"
        ShowBorder="true" ShowHeader="true" Title="anel">
        <Items>
            <x:Form ID="Form2" runat="server" BodyPadding="0px 0px 2px 0px" EnableBackgroundColor="true" LabelWidth="50px"
                Title="Form">
                <Rows>
                    <x:FormRow ID="FormRow1" runat="server">
                    <Items>
                     <x:FileUpload ID="FileUpload4" runat="server" Label="上传">
                    </x:FileUpload>
                    <x:Button ID="Button4" runat="server" Text="上传">
                    </x:Button>
                  
              
                        </Items>
                    </x:FormRow>
                    <x:FormRow ID="FormRow2" runat="server" >
                    <Items>
                    <x:FileUpload ID="FileUpload1" runat="server" Label="上传" >
                    </x:FileUpload>
                    <x:Button ID="Button1" runat="server" Text="上传"  >
                        </x:Button>
              
                        </Items>
                    </x:FormRow>
                    <x:FormRow ID="FormRow3" runat="server">
                    <Items>
                    <x:FileUpload ID="FileUpload2" runat="server" Label="上传">
                    </x:FileUpload>
                    <x:Button ID="Button2" runat="server" Text="上传">
                        </x:Button>
              
                        </Items>
                    </x:FormRow>
                    <x:FormRow ID="FormRow4" runat="server">
                    <Items>
                    <x:FileUpload ID="FileUpload3" runat="server" Label="上传" >
                    </x:FileUpload>
                    <x:Button ID="Button3" runat="server" Text="上传">
                        </x:Button>
                        </Items>
                    </x:FormRow>
                </Rows>
            </x:Form>
        </Items>
    </xanel>
作者: sanshi    时间: 2012-12-11 05:47
其实很简单，为按钮加个样式就行了，我写了一个示例：
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="button_in_form.aspx.cs"
  2.     Inherits="FineUI.Examples.other.button_in_form" %>

  4. <!DOCTYPE html>
  5. <html>
  6. <head runat="server">
  7.     <title></title>
  8.     <link href="../css/main.css" rel="stylesheet" type="text/css" />
  9.     <style>
  10.         .btn-in-form
  11.         {
  12.             margin-bottom: 4px;
  13.         }
  14.     </style>
  15. </head>
  16. <body>
  17.     <form id="form1" runat="server">
  18.     <x:PageManager ID="PageManager1" runat="server" />
  19.     <x:Form ID="SimpleForm1" BodyPadding="5px" Width="550px" LabelAlign="Left" LabelWidth="80px" EnableBackgroundColor="true"
  20.         Title="表单" runat="server">
  21.         <Rows>
  22.             <x:FormRow ID="FormRow5" runat="server">
  23.                 <Items>
  24.                     <x:TextBox ID="TextBox1" runat="server" Label="文本一">
  25.                     </x:TextBox>
  26.                     <x:Button ID="Button4" CssClass="btn-in-form" runat="server" Text="按钮一">
  27.                     </x:Button>
  28.                 </Items>
  29.             </x:FormRow>
  30.             <x:FormRow ID="FormRow6" runat="server">
  31.                 <Items>
  32.                     <x:TextBox ID="TextBox2" runat="server" Label="文本二">
  33.                     </x:TextBox>
  34.                     <x:Button ID="Button3" CssClass="btn-in-form" runat="server" Text="按钮二">
  35.                     </x:Button>
  36.                 </Items>
  37.             </x:FormRow>
  38.             <x:FormRow ID="FormRow7" runat="server">
  39.                 <Items>
  40.                     <x:TextBox ID="TextBox3" runat="server" Label="文本三">
  41.                     </x:TextBox>
  42.                     <x:Button ID="Button1" CssClass="btn-in-form" runat="server" Text="按钮三">
  43.                     </x:Button>
  44.                 </Items>
  45.             </x:FormRow>
  46.             <x:FormRow ID="FormRow8" runat="server">
  47.                 <Items>
  48.                     <x:TextBox ID="TextBox4" runat="server" Label="文本四">
  49.                     </x:TextBox>
  50.                     <x:Button ID="Button2" CssClass="btn-in-form" runat="server" Text="按钮四">
  51.                     </x:Button>
  52.                 </Items>
  53.             </x:FormRow>
  54.         </Rows>
  55.     </x:Form>
  56.     </form>
  57. </body>
  58. </html>
复制代码
作者: 唐铁明    时间: 2012-12-11 06:01
试了一下，解决了，谢谢了
作者: sjxwb    时间: 2012-12-11 06:20
CssClass="btn-in-form" 管用。



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