您的位置:首页 > 运维架构

InfoPath研究与应用技巧(1)-图片按钮

2009-09-23 19:54 218 查看
InfoPath提供的控件中只有一般的按钮,只能在上面修改文字而不能显示图片。但是在日常的应用中,图片按钮通常能够更为生动直接地传递信息。如何能够利用InfoPath 所提供的功能,制作出一个图片按钮出来呢?下面为你详细讲解:

第一步准备工作。创建一个空白的表单,添加两个按钮,添加一个文本类型的域;

第二步添加资源文件。选工具-资源文件-添加-添加两幅图片作为资源文件假设为a.jpg和b.jpg;

第三步清除按钮标签。双击按钮,在按钮的常规属性设置页面,清除标签,好像有的版本直接用空白键键入就行,但笔者用的InfoPath2007在输入空白时确认会提示错误,因此就用到了前面添加的那个域。选择插入公式(按fx那个按钮)-插入域或组-选择一个空白的域或一个空白的组(确保按钮显示空白)。

第四步清楚按钮边框和底纹。右键点选按钮,选择边框和底纹,底纹选无颜色。

第五步设置按钮大小。

第六步修改xsl文件。储存表单-以压缩文件的方式打开表单-解压缩并找到xsl文件以记事本的形式打开,查找input,在对应按钮的style里面添加BACKGROUND-IMAGE: url(a.jpg); BACKGROUND-REPEAT: no-repeat这句,例如style="WIDTH: 145px; HEIGHT: 111px; BACKGROUND-COLOR: transparent; BACKGROUND-IMAGE: url(a.jpg); BACKGROUND-REPEAT: no-repeat",有多个按钮按同样方式操作并存储。图片按钮制作完成。右键点设计manifest文件重新存储或发布。

本文由返现网www.fanxian123.cn运营团队原创,返现网与100多家网上商城合作,提供最高50%的现金返利,是你网购省钱必备网站,相关功能逐步完善中。如有转载,注明出处。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐