FineUI 官方论坛
标题:
控件间距,按钮右对齐调节
[打印本页]
作者:
ngy0217
时间:
2014-4-21 10:40
标题:
控件间距,按钮右对齐调节
[attach]5119[/attach]
如上图,想要左边的textbox在左边,button靠右对齐,不能用CssStyle="margin-left:500px"固定死了,还有其他什么好方法,有什么占位控件能放在textbox和button之间的?
作者:
gdcrx
时间:
2014-4-22 17:01
把你的页面代码贴出来看看
作者:
ngy0217
时间:
2014-4-23 17:22
<form id="form1" runat="server">
<f
ageManager ID="
ageManager1" runat="server" AutoSizePanelID="
anel1" />
<f
anel ID="
anel1" runat="server" BodyPadding="5px" ShowBorder="false" ShowHeader="false" Layout="anchor">
<Items>
<f
anel ID="queryPanel" runat="server" BodyPadding="5px" ShowBorder="false" ShowHeader="false" Layout="Column" EnableFrame="true" EnableCollapse="true" Height="50px">
<Items>
<f
ropDownList ID="list" Label="选择品牌" LabelSeparator="" runat="server">
<f
istItem Text="上海大众" Selected="true"/>
<f
istItem Text="上海斯柯达" />
</f
ropDownList>
<f:Button ID="btnQuery" Text="查 询" runat="server" CssStyle="margin-left:20px;margin-right:20px"></f:Button>
<f:Button ID="btnOut" Text="输 出" runat="server" CssStyle="margin-right:20px"></f:Button>
</Items>
</f
anel>
</Items>
<Items>
<f
anel ID="ad" Title="简介" runat="server" AnchorValue="100% -300px">
<Items>
<f:ContentPanel ID="info" runat="server" ShowHeader="false">
<p style="padding-left:10px;">从 1984 年起,大众汽车就开始进入中国市场,目前在中国全国范围内已拥有 14家企业,除了生产轿车外,还向消费者和行业提供零部件和服务。</p>
<p style="padding-left:10px;">大众汽车是第一批在中国开展业务的国际汽车制造厂商之一。 与中国政府最早的接触可追溯到 1978 年,即中国政府在邓小平的领导之下,开始推行经济改革和开放政策,引进国外的资金和先进的科学技术,加速中国的现代化进程,提高国际上的竞争能力。 无论是当时还是现在,汽车工业无疑是实现这一目标的关键。</p>
<p style="padding-left:10px;">目前,大众汽车集团在中国拥有两家轿车合资企业,1984 年,上海大众汽车开始它辉煌的历史篇章,1990 年又在长春签署了一汽-大众成立合资企业的协议。 2003 年 1 月,大众汽车上海变速器合资企业建立投产,2004 年又建立了两家生产最先进技术发动机的合资企业,分别于2006年和2007年开始投入生产。 2007年7月大众汽车品牌捷达车型在成都一汽集团公司的生产基地投产。 </p>
<p style="padding-left:10px;">2004年5月,大众汽车已着重致力于大众汽车集团(中国)的建立发展,并且由六人组成的董事会来领导,分别负责销售、技术、采购、人事/政府关系、以及财务,其任务是建立和开展大众汽车集团在中国的所有企业的各项业务。</p>
<p style="padding-left:10px;">企业介绍:</p>
<p style="padding-left:10px;">自1984年以来,大众汽车在中国的总投资额已超过60亿欧元,目前在中国共拥有14家企业</p>
</f:ContentPanel>
</Items>
</f
anel>
</Items>
<items>
<f:SimpleForm ID="SimpleForm1" BodyPadding="5px" runat="server" LabelSeparator="" LabelAlign="left" EnableFrame="true" EnableCollapse="false" ShowHeader="false"
Title="编辑" Height="250px">
<Items>
<f:TextBox ID="title" runat="server" Label="品牌名称"></f:TextBox>
<f:HtmlEditor runat="server" Label="简介描述" ID="HtmlEditor1" Height="170px">
</f:HtmlEditor>
<f:Button ID="Button1" runat="server" Text="提交" CssStyle="margin-left:900px">
</f:Button>
<f:Button ID="Button2" runat="server" Text="重置" CssStyle="margin-left:20px">
</f:Button>
</Items>
</f:SimpleForm>
</items>
</f
anel>
</form>
<f:Window ID="Window1" Title="新增栏目" Hidden="true" EnableIFrame="true" runat="server" EnableConfirmOnClose="false" IFrameUrl="about:blank" Target="
arent" IsModal="True" Width="400px" Height="200px" />
作者:
gdcrx
时间:
2014-4-25 14:38
加个样式可以实现:
[attach]5153[/attach]
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style>
.button_right a
{
float:right;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<f:PageManager ID="PageManager1" runat="server" AutoSizePanelID="anel1" />
<f:Panel ID="Panel1" runat="server" BodyPadding="5px" ShowBorder="false" ShowHeader="false" Layout="anchor">
<Items>
<f:Panel ID="queryPanel" runat="server" BodyPadding="5px" ShowBorder="false" CssClass="button_right" ShowHeader="false" Layout="Column" EnableFrame="true" EnableCollapse="true" Height="50px">
<Items>
<f:DropDownList ID="list" Label="选择品牌" LabelSeparator="" runat="server">
<f:ListItem Text="上海大众" Selected="true"/>
<f:ListItem Text="上海斯柯达" />
</f:DropDownList>
<f:Button ID="btnOut" Text="输 出" runat="server" CssStyle="margin-right:10px"></f:Button>
<f:Button ID="btnQuery" Text="查 询" runat="server" CssStyle="margin-left:10px;margin-right:20px"></f:Button>
</Items>
</f:Panel>
</Items>
<Items>
<f:Panel ID="ad" Title="简介" runat="server" AnchorValue="100% -300px">
<Items>
<f:ContentPanel ID="info" runat="server" ShowHeader="false">
<p style="padding-left:10px;">从 1984 年起,大众汽车就开始进入中国市场,目前在中国全国范围内已拥有 14家企业,除了生产轿车外,还向消费者和行业提供零部件和服务。</p>
<p style="padding-left:10px;">大众汽车是第一批在中国开展业务的国际汽车制造厂商之一。 与中国政府最早的接触可追溯到 1978 年,即中国政府在邓小平的领导之下,开始推行经济改革和开放政策,引进国外的资金和先进的科学技术,加速中国的现代化进程,提高国际上的竞争能力。 无论是当时还是现在,汽车工业无疑是实现这一目标的关键。</p>
<p style="padding-left:10px;">目前,大众汽车集团在中国拥有两家轿车合资企业,1984 年,上海大众汽车开始它辉煌的历史篇章,1990 年又在长春签署了一汽-大众成立合资企业的协议。 2003 年 1 月,大众汽车上海变速器合资企业建立投产,2004 年又建立了两家生产最先进技术发动机的合资企业,分别于2006年和2007年开始投入生产。 2007年7月大众汽车品牌捷达车型在成都一汽集团公司的生产基地投产。 </p>
<p style="padding-left:10px;">2004年5月,大众汽车已着重致力于大众汽车集团(中国)的建立发展,并且由六人组成的董事会来领导,分别负责销售、技术、采购、人事/政府关系、以及财务,其任务是建立和开展大众汽车集团在中国的所有企业的各项业务。</p>
<p style="padding-left:10px;">企业介绍:</p>
<p style="padding-left:10px;">自1984年以来,大众汽车在中国的总投资额已超过60亿欧元,目前在中国共拥有14家企业</p>
</f:ContentPanel>
</Items>
</f:Panel>
</Items>
<items>
<f:SimpleForm ID="SimpleForm1" BodyPadding="5px" runat="server" LabelSeparator="" LabelAlign="left" EnableFrame="true" EnableCollapse="false" ShowHeader="false"
Title="编辑" Height="250px">
<Items>
<f:TextBox ID="title" runat="server" Label="品牌名称"></f:TextBox>
<f:HtmlEditor runat="server" Label="简介描述" ID="HtmlEditor1" Height="170px">
</f:HtmlEditor>
<f:Button ID="Button1" runat="server" Text="提交" CssStyle="margin-left:900px">
</f:Button>
<f:Button ID="Button2" runat="server" Text="重置" CssStyle="margin-left:20px">
</f:Button>
</Items>
</f:SimpleForm>
</items>
</f:Panel>
</form>
<f:Window ID="Window1" Title="新增栏目" Hidden="true" EnableIFrame="true" runat="server" EnableConfirmOnClose="false" IFrameUrl="about:blank" Target="Parent" IsModal="True" Width="400px" Height="200px" />
</body>
</html>
复制代码
作者:
ngy0217
时间:
2014-4-25 15:40
试验了,可行,非常感谢
作者:
ngy0217
时间:
2014-4-25 15:48
ngy0217 发表于 2014-4-25 15:40
试验了,可行,非常感谢
欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/)
Powered by Discuz! X3.4