FreeForm表单控件快速自动对齐
垂直对齐(Vertical Alignment)
直接进入主题,比如在模板中有6个控件,布局很不整齐,我们想快速将这些控件垂直对齐。
![智能表单设计器Web Free Form Designer:FreeForm表单控件快速自动对齐操作form表单](/Files/20117/5c0c9b71-b4ad-4fe3-b48d-7a4715589a56.jpg)
进入Align界面:
![智能表单设计器Web Free Form Designer:FreeForm表单控件快速自动对齐操作form表单](/Files/20117/72921de3-7ac7-442e-9209-f3072f9748fc.jpg)
点击“Start Align”,然后直接用鼠标选择一个长方形范围:
![智能表单设计器Web Free Form Designer:FreeForm表单控件快速自动对齐操作form表单](/Files/20117/4b9fd3ac-ef03-4808-8c8b-cee20dc105e8.jpg)
释放鼠标,然后长方形范围内的控件就自动对齐了,如果选择了“Equal Space”,则控件的间距将自动相等,否则维持原有的高度不变。
水平对齐(Horizontal Alignment)
比如模板中有5个控件,布局不整齐,我们想快速将这些控件水平对齐。
![智能表单设计器Web Free Form Designer:FreeForm表单控件快速自动对齐操作form表单](/Files/20117/b0f7c345-a134-4693-809a-9d0871b60a8d.jpg)
这次我们不选择“Equal Space”
![智能表单设计器Web Free Form Designer:FreeForm表单控件快速自动对齐操作form表单](/Files/20117/cb4b0fa7-fbdc-4e99-a704-a50f05544582.jpg)
选择一个范围:
![智能表单设计器Web Free Form Designer:FreeForm表单控件快速自动对齐操作form表单](/Files/20117/0b839b00-57ab-49be-bbd9-7774d70ca053.jpg)
释放鼠标,然后范围内的控件就自动水平对齐了,因为没有选择“Equal Space”,所以控件的间距将维持原不变。
取消操作
点击“Undo”可以取消操作:
![智能表单设计器Web Free Form Designer:FreeForm表单控件快速自动对齐操作form表单](/Files/20117/92a18761-8fc8-4c25-988c-2ac054fbc579.jpg)
点击“Undo”后控件又回到原来的位置了:
在线演示
Demo:
http://crmwin.com/FreeForm2011TestPage.html
.
我们的网站(昕友软件):http://crmwin.com
延伸阅读
- 2011-6-30-- web智能表单,智能表单设计器Web Free Form Designer:FreeForm常量定义及用途
- 2011-6-24-- form表单,智能表单设计器Web Free Form Designer:FreeForm模板及数据外部存取接口及方式
- 2010-11-24-- form表单,Html中表单Form的相关知识
- 2010-12-9-- form表单验证,asp form 表单验证函数
- 2011-6-22-- form表单,智能表单设计器Web Free Form Designer:FreeForm表单控件使用方法之:基础控件
- 2010-12-8-- form表单,浅议Web网页Form表单设计技巧
- 2010-12-9-- form表单,jsp form表单方法示例
- 2010-12-9-- form表单,onsubmit阻止form表单提交与onclick的相关操作
- 2011-6-20-- form表单,智能表单设计器Web Free Form Designer:FreeForm
- 2011-5-19-- 两个form提交,form提交的一个隐蔽问题
最新评论