[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: |
|
| 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 |