[MKTAUT-33] Default style css for form Created: 01/Oct/19  Updated: 19/Nov/19  Resolved: 24/Oct/19

Status: Closed
Project: Marketing Automation
Component/s: None
Affects Version/s: None
Fix Version/s: 1.0

Type: Story Priority: Neutral
Reporter: Oanh Thai Hoang Assignee: Chuong Doan Huy
Resolution: Fixed Votes: 0
Labels: None
Remaining Estimate: 0d
Time Spent: 1d 1.5h
Original Estimate: Not Specified

Attachments: PNG File image-2019-10-01-15-25-23-890.png     PNG File long-form-with-full-fields.png    
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Date of First Response:
Epic Link: Forms export
Sprint: Add-Ons 23
Story Points: 5

 Description   

 Do we support default styling for form??

 

 

Here is just html output that generated from web-to-lead salesforce in case you wanna get

<!--  ----------------------------------------------------------------------  -->
<!--  NOTE: Please add the following <META> element to your page <HEAD>.      -->
<!--  If necessary, please modify the charset parameter to specify the        -->
<!--  character set of your HTML page.                                        -->
<!--  ----------------------------------------------------------------------  --><META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8">
<script src="https://www.google.com/recaptcha/api.js"></script>
<script>
 function timestamp() { var response = document.getElementById("g-recaptcha-response"); if (response == null || response.value.trim() == "") {var elems = JSON.parse(document.getElementsByName("captcha_settings")[0].value);elems["ts"] = JSON.stringify(new Date().getTime());document.getElementsByName("captcha_settings")[0].value = JSON.stringify(elems); } } setInterval(timestamp, 500); 
</script><!--  ----------------------------------------------------------------------  -->
<!--  NOTE: Please add the following <FORM> element to your page.             -->
<!--  ----------------------------------------------------------------------  --><form action="https://webto.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST"><input type=hidden name='captcha_settings' value='{"keyname":"Test","fallback":"true","orgId":"00D2p0000014Bu0","ts":""}'>
<input type=hidden name="oid" value="00D2p0000014Bu0">
<input type=hidden name="retURL" value="http://gggg.com"><!--  ----------------------------------------------------------------------  -->
<!--  NOTE: These fields are optional debugging elements. Please uncomment    -->
<!--  these lines if you wish to test in debug mode.                          -->
<!--  <input type="hidden" name="debug" value=1>                              -->
<!--  <input type="hidden" name="debugEmail"                                  -->
<!--  value="laura.delnevo@magnolia-cms.com">                                 -->
<!--  ----------------------------------------------------------------------  --><label for="first_name">First Name</label><input  id="first_name" maxlength="40" name="first_name" size="20" type="text" /><br><label for="last_name">Last Name</label><input  id="last_name" maxlength="80" name="last_name" size="20" type="text" /><br><label for="email">Email</label><input  id="email" maxlength="80" name="email" size="20" type="text" /><br><label for="company">Company</label><input  id="company" maxlength="40" name="company" size="20" type="text" /><br><label for="city">City</label><input  id="city" maxlength="40" name="city" size="20" type="text" /><br><label for="state">State/Province</label><input  id="state" maxlength="20" name="state" size="20" type="text" /><br><div class="g-recaptcha" data-sitekey="123"></div><br>
<input type="submit" name="submit"></form> 


 Comments   
Comment by Oanh Thai Hoang [ 24/Oct/19 ]

Hi avongunten, ilgun It would be great if you could review the long form with full fields component in image below and give us some advices to improve if needed. Right now we cloned the css from contact-form

 

 

Thank you so much

Comment by Anja von Gunten [ 24/Oct/19 ]

oanh.thai If the form is in a page component and you're taking the CSS from the Public Site, that's fine. Components should render exactly what you see on the Website (in our case travel demo). So I think it's all good.

Comment by Oanh Thai Hoang [ 25/Oct/19 ]

Thank you so much avongunten

Generated at Mon Feb 12 10:11:38 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.