Image sitecore营销模块的按钮图像
我想用Sitecore中的图像更改营销人员网络表单模块的提交按钮Image sitecore营销模块的按钮图像,image,button,sitecore,web-forms-for-marketers,Image,Button,Sitecore,Web Forms For Marketers,我想用Sitecore中的图像更改营销人员网络表单模块的提交按钮 提前感谢我想你说的是营销人员网络表单模块,是吗?从你最初的问题看不清楚 无论如何,在表单设计器中,您可以选择submit按钮,并在左侧显示其属性。在各种属性中,第一个是名为“按钮名称”的编辑框。将提交按钮所需的文本放在那里。听起来好像您正试图将提交按钮更改为。我还没有找到一种使用WFFM实现这一点的方法。您可以设置“提交”按钮的样式,也可以将表单导出到ASCX并自己更改图像 您可以使用的CSS样式做很多事情 您可以通过更新以下文件
提前感谢我想你说的是营销人员网络表单模块,是吗?从你最初的问题看不清楚
无论如何,在表单设计器中,您可以选择submit按钮,并在左侧显示其属性。在各种属性中,第一个是名为“按钮名称”的编辑框。将提交按钮所需的文本放在那里。听起来好像您正试图将提交按钮更改为
。我还没有找到一种使用WFFM实现这一点的方法。您可以设置“提交”按钮的样式,也可以将表单导出到ASCX并自己更改图像
您可以使用
的CSS样式做很多事情
您可以通过更新以下文件的内容来更改按钮: \sitecore modules\Web\webforms for Marketers\Control\SitecoreSimpleFormAscx.ascx 替换
<wfm:FormSubmit ID="submit" runat="server" Class="scfSubmitButtonBorder"/>
使用您自己的自定义控件(可以包含Image/LinkButton/任何内容)我就是这样做的
首先,创建自定义控件:
namespace Sitecore.Custom.Controls
{
public class ImageSubmitButton : Sitecore.Form.Web.UI.Controls.SubmitButton
{
public string ImageUrl { get; set; }
protected override void AddAttributesToRender(System.Web.UI.HtmlTextWriter writer)
{
if (string.IsNullOrEmpty(ImageUrl) == false)
{
writer.AddAttribute("type", "image");
writer.AddAttribute("src", ResolveUrl(ImageUrl));
}
// This won't overwrite our explicit type="image"
base.AddAttributesToRender(writer);
}
}
}
在sitecore中将表单导出为ASCX,使用开发人员中心创建新的子布局,并将导出的ASCX代码复制到此文件中。首先,注册一个新前缀
<%@ Register TagPrefix="ctrl" Namespace="Sitecore.Custom.Controls" Assembly="<AssemblyName>" %>
最后,改变
<cc0:submitbutton runat="server" onclientclick="$scw.webform.lastSubmit = this.id;" text="Submit" validationgroup="..." cssclass="..." id="..." onclick="OnClick" >
</cc0:submitbutton>
到
最后,用子布局替换项目中的表单 您可以在Default.css中更改按钮样式。 使用背景图像添加图像 以下示例使用图像作为WFFM中“提交”按钮的背景:
.scfSubmitButtonBorder
{
background-image: url(/images/bg_button.png);
padding-left: 5px;
float: right;
margin-bottom: 10px;
}
.scfSubmitButtonBorder input
{
border: none;
padding: 0 5px 0 0;
color: white;
font: 14px/14px FrutigerRoman, Arial !important;
width: 100px;
height: 30px;
background-image: url(/images/bg_button.png);
background-position: right -30px;
background-color: transparent;
cursor: pointer;
}
谢谢。是的,我正在使用网络表单营销模块。我可以为提交按钮添加图像吗。
.scfSubmitButtonBorder
{
background-image: url(/images/bg_button.png);
padding-left: 5px;
float: right;
margin-bottom: 10px;
}
.scfSubmitButtonBorder input
{
border: none;
padding: 0 5px 0 0;
color: white;
font: 14px/14px FrutigerRoman, Arial !important;
width: 100px;
height: 30px;
background-image: url(/images/bg_button.png);
background-position: right -30px;
background-color: transparent;
cursor: pointer;
}