引導設計在Web窗體的營銷Sitecore的

我想設計根據引導這樣一種形式：引導設計在Web窗體的營銷Sitecore的

<form class="form-inline"> 
    <div class="control-group"> 
     <div class="input-append"> 
      <input class="span2" placeholder="Email Address" name="email" id="email" type="text"> 
      <button class="btn" type="submit">Go!</button> 
     </div> 
    </div> 
</form>

我怎麼可以自定義WFFM的設計？

編輯

我想創建一個表格就這樣

enter image description here

這裏是我的樣本HTML

<div class="inputBtn"> 
    <input class="" placeholder="Email Address" name="email" id="email" type="text"> 
    <button class="" type="submit">Go!</button> 
</div> 
</div>

我已經創建inputBtn類，併爲上述應用提到，但它不是確切的我想要的。它看起來像這樣。

enter image description here

來源

2015-06-16 SKG

我已經更新我的答案，以配合你問什麼 –

首先，你需要的CSS類的定義添加到site.css文件。

然後，您需要基於模板擴展列表項在默認路徑/sitecore/system/Modules/Web Forms for Marketers/Settings/Meta data/Css Classes下的Sitecore中創建一個新項目。在Value字段中，您需要輸入您的Css類。

現在在您的窗體設計器中，選擇您希望添加類的字段。然後你會看到左邊的你可以在Css Class下拉列表中選擇你的班級。見下面

enter image description here

編輯

你可以去下創建自己的自定義字段類型的路線。您需要將html添加到ascx中，代碼爲BaseUserControl。

實施BaseUserControl後，您需要在Result方法中添加用於電子郵件提交操作的代碼。

從那裏您需要將新的自定義字段類型添加到Sitecore。要爲市場營銷人員添加新的Web表單字段，請在內容編輯器中瀏覽至路徑/sitecore/system/Modules/Web Forms for Marketers/Settings/Field Types/Custom，並在相應的字段中插入一個新的字段類型，輸入程序集名稱和類名稱。見下面

enter image description here

這將允許您通過表單設計，準確的造型選擇新的字段類型。參考和更多信息下面是：

https://divamatrix.wordpress.com/2011/12/20/wffm-custom-field-type-made-easy/ http://jonathanrobbins.co.uk/2015/02/18/sitecore-web-forms-for-marketers-send-email-with-attachment-save-action/

來源

2015-06-16 12:40:15

引導設計在Web窗體的營銷Sitecore的

回答

相關問題