- Marketing Nation
- :
- Products
- :
- Product Discussions
- :
- Landing Page not displaying form button
Your Achievements
Next /
Sign inSign in to Community to gain points, level up, and earn exciting badges like the new Applaud 5 BadgeLearn more!
View All BadgesSign in to view all badges
Landing Page not displaying form button
Topic Options
- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark
- Subscribe
- Printer Friendly Page
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Monday
Monday
Landing Page not displaying form button
Hello Community,
I am trying to understand what may be causing a form button to not display on a marketo landing page.
We recently had a form re-styled and applied JS to the form button. The form displayed as expected when testing and after adding the form to a test landing page.
When we add the form to the required landing page something is stopping the form button from displaying. The form fields display as expected, however the button does not display at all.
Is specific HTML required to allow Javascript in a marketo landing page?
(I'm not a developer, so please excuse brevity)
Thank you
Here is the landing page HTML:
<!DOCTYPE html>
<html lang="en"><head>
<link rel="shortcut icon" href="https://info.ai.baesystems.com/rs/308-OXI-896/images/favicon.ico" type="image/x-icon">
<link rel="icon" href="https://info.ai.baesystems.com/rs/308-OXI-896/images/favicon.ico" type="image/x-icon">
<!-- Other Meta Tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"><meta name="robots" content="noindex, nofollow">
<title>Preference Hub - BAE</title>
<!-- Bootstrap core CSS -->
<link href="//templates.marketo.net/template8/css/bootstrap.css" rel="stylesheet">
<style>
@import url(https://fonts.googleapis.com/css?family=Tahoma:900,300,400);
@import url(https://fonts.googleapis.com/css?family=Ovo);
* {
margin: 0;
padding: 0;
font-family: 'Tahoma', sans-serif;
}
/* Header, Footer and Generics */
a:hover,
a:focus {
text-decoration: none;
color: #FC4C02;
}
.loader-container {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 1000;
}
.loader,
.loader:after {
border-radius: 50%;
width: 10em;
height: 10em;
}
.loader {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
font-size: 10px;
text-indent: -9999em;
border-top: 1.1em solid rgba(255, 255, 255, 0.2);
border-right: 1.1em solid rgba(255, 255, 255, 0.2);
border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
border-left: 1.1em solid #ffffff;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.header {
display: block;
border-bottom: 3px solid #FC4C02;
background-color: #ffffff;
}
.header .navbar {
min-height: auto;
margin: 0;
border: 0;
}
.headertext,
.logo {
float: right;
width: 190px;
padding-bottom: 15px;
padding-top: 15px;
}
.logo img {
max-width: 190px;
}
.website-navigation {
float: left;
height: 42px;
margin-top: 20px;
}
.web-nav-item {
display: block;
float: left;
padding: 10px 15px;
color: #505050;
font-size: 18px;
font-weight: 400;
line-height: 22px;
text-decoration: none;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
}
.web-nav-item:hover {
background-color: #474C55;
color: #FFFFFF;
}
#page-social-bar {
height: 96px;
background: #222;
}
.wrapper {
display: block;
width: 960px;
max-width: 100%;
margin: 0 auto;
padding: 0 10px;
overflow: auto;
color: #63666A;
}
ul {
margin: 0;
list-style: none;
}
#page-social-bar .social-icon-list {
float: left;
padding: 26px 0 26px 10px;
}
#page-social-bar .social-icon-list .social-icon {
position: relative;
display: inline-block;
width: 44px;
height: 44px;
background: url('https://info.ai.baesystems.com/rs/308-OXI-896/images/social-sprites.png') 0 0 no-repeat;
float: left;
margin-right: 10px;
cursor: pointer;
vertical-align: text-bottom;
background-position: 0 -80px;
}
#page-social-bar .social-icon-list li a {
height: 0;
width: 0;
display: inline-block;
position: absolute;
top: 22px;
left: 22px;
margin: auto;
background-size: 44px 44px;
background-position: center;
}
#page-social-bar .social-icon-list li a {
height: 0;
width: 0;
display: inline-block;
position: absolute;
top: 22px;
left: 22px;
margin: auto;
border-radius: 22px;
background: url('https://info.ai.baesystems.com/rs/308-OXI-896/images/social-sprites.png') 0 0 no-repeat;
vertical-align: text-bottom;
transition: width 1s cubic-bezier(0.25, 1, 0.25, 1), height 1s cubic-bezier(0.25, 1, 0.25, 1), top 1s cubic-bezier(0.25, 1, 0.25, 1), left 1s cubic-bezier(0.25, 1, 0.25, 1), background-position 1s cubic-bezier(0.25, 1, 0.25, 1), border-radius 0.5s cubic-bezier(0, 0.5, 1, 0.5) 0.5s;
}
#page-social-bar .social-icon-list li:hover a,
#page-social-bar .social-icon-list li a:focus {
width: 44px;
height: 44px;
border-radius: 0px;
top: 0;
left: 0;
}
#page-social-bar .social-icon-list .social-icon.twitter {
background-position: -264px -80px;
}
#page-social-bar .social-icon-list .social-icon.twitter a {
background-position: -330px -102px;
}
#page-social-bar .social-icon-list .social-icon.twitter:hover a,
#page-social-bar .social-icon-list .social-icon.twitter a:focus {
background-position: -308px -80px;
}
#page-social-bar .social-icon-list .social-icon.facebook {
background-position: 0px -80px;
}
#page-social-bar .social-icon-list .social-icon.facebook a {
background-position: -66px -102px;
}
#page-social-bar .social-icon-list .social-icon.facebook:hover a,
#page-social-bar .social-icon-list .social-icon.facebook a:focus {
background-position: -44px -80px;
}
#page-social-bar .social-icon-list .social-icon.linkedin {
background-position: -176px -80px;
}
#page-social-bar .social-icon-list .social-icon.linkedin a {
background-position: -242px -102px;
}
#page-social-bar .social-icon-list .social-icon.linkedin:hover a,
#page-social-bar .social-icon-list .social-icon.linkedin a:focus {
background-position: -220px -80px;
}
#page-social-bar .social-icon-list .social-icon.flickr {
background-position: -88px -80px;
}
#page-social-bar .social-icon-list .social-icon.flickr a {
background-position: -154px -102px;
}
#page-social-bar .social-icon-list .social-icon.flickr:hover a,
#page-social-bar .social-icon-list .social-icon.flickr a:focus {
background-position: -132px -80px;
}
#page-social-bar .social-icon-list .social-icon.youtube {
background-position: -352px -80px;
}
#page-social-bar .social-icon-list .social-icon.youtube a {
background-position: -418px -102px;
}
#page-social-bar .social-icon-list .social-icon.youtube:hover a,
#page-social-bar .social-icon-list .social-icon.youtube a:focus {
background-position: -396px -80px;
}
#page-social-bar .footer-logo {
float: right;
padding: 26px 0px 26px 10px;
}
#page-footer {
height: 44px;
background: #000000;
}
#page-footer .footer-links {
padding: 12px 0;
float: left;
}
#page-footer .footer-links li {
float: left;
position: relative;
}
#page-footer .footer-links li a {
color: #D0D3D4;
font-size: 12px;
border-right: 1px solid #D0D3D4;
padding: 0 10px;
}
#page-footer .footer-links li a:hover {
text-decoration: underline;
}
#page-footer .copyright {
float: right;
margin: 0;
padding: 12px 0;
color: #D0D3D4;
font-size: 12px;
line-height: 20px;
}
.mobile-menu-toggle {
display: none;
position: relative;
float: left;
width: 80px;
height: 80px;
}
.hamburger-inner {
display: block;
}
.hamburger-inner:after,
.hamburger-inner:before {
display: block;
content: '';
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
position: absolute;
width: 40px;
height: 4px;
top: 36px;
transition-timing-function: ease;
transition-duration: .15s;
transition-property: transform;
border-radius: 4px;
background-color: #505050;
}
.hamburger-inner:before {
top: -10px;
}
.hamburger-inner:after {
top: 10px;
}
.menu-open.hamburger-inner {
top: 26px;
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.menu-open.hamburger-inner:before {
transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
opacity: 0;
}
.menu-open.hamburger-inner:after {
top: 20px;
transform: translate3d(0, -20px, 0) rotate(-90deg);
}
@media screen and (max-width: 992px) {
.header {
text-align: center;
}
.logo {
display: block;
float: none;
width: 100%;
}
.website-navigation {
display: inline-block;
float: none;
margin-top: 20px;
margin-bottom: 0;
}
.web-nav-item {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
.mobile-menu-toggle {
display: block;
}
.logo {
float: right;
display: block;
width: 190px;
}
.website-navigation {
clear: both;
display: none;
height: auto;
margin: 0 -15px;
}
.web-nav-item {
display: block;
position: relative;
float: none;
padding: 15px;
color: #505050;
font-size: 18px;
text-align: left;
}
#page-social-bar {
height: auto;
}
.wrapper {
width: 100%;
}
#page-social-bar .social-icon-list {
float: none;
height: 44px;
padding: 26px 0 50px 28px;
}
#page-social-bar .footer-logo {
display: block;
float: none;
padding: 0;
margin: 10px auto;
}
#page-footer {
height: auto;
}
#page-footer .footer-links {
float: none;
padding: 12px 2px;
}
#page-footer .copyright {
float: none;
margin: 0;
padding: 12px 10px;
}
#contentForm1 {
padding: 20px;
}
}
/* Page specifics */
.banner {
width: 100%;
height: 680px;
padding: 50px 0 0;
background-size: cover;
background-position: center center;
background-size: cover;
text-align: center;
}
h1 {
color: #ffffff;
font-size: 60px;
}
h2 {
display: inline-block;
padding-top: 30px;
border-top: 3px solid #ffffff;
color: #ffffff;
font-size: 20px;
}
h3 {
font-size: 24px;
color: #000000;
}
.banner-highlight-box {
position: relative;
width: 800px;
margin: 20px auto 0;
padding: 30px;
background-color: #f1f1f1;
}
.banner-highlight-box h3 {
margin-top: 0;
}
.error-message {
display: none;
right: 0;
bottom: 10px;
left: 0;
color: #c10f0f;
text-align: center;
font-weight: 600;
}
.banner-email {
display: none;
margin-top: 20px;
}
.banner-email p {
color: #ea5a0b;
font-family: 'Tahoma', sans-serif;
font-size: 28px;
line-height: 30px;
font-weight: 600;
}
.not-you {
display: block;
margin-top: 10px;
color: #505050;
font-family: 'Tahoma', sans-serif;
font-size: 14px;
font-weight: 600;
text-decoration: underline;
}
.not-you:hover {
color: #505050;
}
.hi-name {
display: none;
font-size: 20px;
}
.banner-email-form {
display: none;
margin-top: 40px;
}
.banner-email-form label {
margin-right: 10px;
}
.banner-email-form input {
width: 220px;
padding: 0 5px;
}
.full-width {
background-color: #50525a;
}
.checkbox-icon-box {
position: relative;
display: inline-block;
margin: 50px 0;
cursor: pointer;
}
.checkbox-icon-box .tickbox {
position: absolute;
width: 25px;
height: 25px;
top: 0;
right: -30px;
border: 1px solid #ffffff;
border-radius: 2px;
background-color: transparent;
}
.checkbox-icon-box .tickbox.active {
border-color: #ea5a0b;
background-color: #ea5a0b;
}
.checkbox-icon-box .tickbox.active:after {
content: '';
display: block;
position: absolute;
width: 8px;
height: 14px;
top: 3px;
left: 7px;
border: solid #fff;
border-width: 0 4px 4px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.checkbox-icon-box .icon {
width: 175px;
height: 150px;
margin-bottom: 20px;
}
.checkbox-icon-box:hover .icon {
opacity: 0.7;
}
.checkbox-icon-box .text {
color: #ffffff;
font-size: 14px;
font-weight: 600;
}
.btn-submit {
display: block;
width: 200px;
margin: 0 auto 5px;
padding: 4px 0;
border: 2px solid #ffffff;
background-color: #ea5a0b;
color: #ffffff;
font-size: 24px;
text-align: center;
}
.btn-submit:focus,
.btn-submit:hover {
background-color: #ffffff;
color: #ea5a0b;
}
.submission-area {
padding-bottom: 15px;
color: #ffffff;
}
.submission-area a {
color: #ffffff;
}
.submission-area a:focus,
.submission-area a:hover {
color: #ea5a0b;
}
.submit-disclaimer {
display: block;
margin: 15px 0 10px;
color: #D0D3D4;
font-size: 13px;
font-weight: 300;
}
@media screen and (max-width: 992px) {
.banner {
padding-top: 20px;
}
.banner-highlight-box {
width: 680px;
padding: 20px 40px;
}
h2 {
margin-top: 10px;
}
}
@media screen and (max-width: 768px) {
.banner {
height: auto;
padding: 20px 0;
}
.banner-highlight-box {
width: 280px;
padding: 10px;
}
h1 {
margin-top: 0;
font-size: 38px;
}
h2 {
padding-top: 20px;
font-size: 18px;
}
h3 {
margin-top: 0;
font-size: 16px;
}
.banner-email,
.banner-email-form {
margin-top: 20px;
}
.banner-email p {
font-size: 16px;
line-height: 18px;
}
}
/* FORM */
/*
form.mktoForm {
display: none !important;
}
*/
</style>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="//templates.marketo.net/template8/js/ie10-viewport-bug-workaround.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script>
</script>
<style>.mktoGen.mktoImg {display:inline-block; line-height:0;}</style>
</head>
<body id="bodyId">
<!-- / TEKNKL extended libraries \ -->
<script id="teknklSimpleDTO-1.0.3" src="https://uat.corpweb.baesystems.com/cs/BAE-Static/latest/js/mkt_trk/teknkl-simpledto-1.0.3.js">
</script>
<!-- \ TEKNKL extended libraries / -->
<!-- / Call DTP to pre-fill form \ -->
<script>
var DTO = new SimpleDTO({
domain: "baesystems.com",
dataSrc: "https://info.ai.baesystems.com/dtp_103.html",
debug: true,
mode: "receive",
cb: function(instance){
var mktoFields = DTO.getGlobal()["mktoPreFillFields"];
DTO.cleanup();
MktoForms2.whenReady(function(form) {
form.setValuesCoerced(mktoFields);
});
}
});
</script>
<!-- \ Call DTP to pre-fill form / -->
<div class="loader-container">
<div class="loader"></div>
</div>
<div class="header">
<div class="navbar" role="navigation" style="
height: 95px;>
<div class=" container>
<div class="mobile-menu-toggle">
<div class="hamburger-inner"></div>
</div>
<div class="logo">
<a href="https://www.baesystems.com/en/cybersecurity/home">
<div class="mktoImg mktoGen" id="mkto_gen_headerlogoimage"><img src="https://info.ai.baesystems.com/rs/308-OXI-896/images/BAES logo 150x39.jpg" class="mktoImg" id="headerlogoimage" mktoname="Header Logo Image"></div>
</a>
</div>
<div class="website-navigation">
<a href="https://www.baesystems.com/en/digital/home" class="web-nav-item">Home</a>
<a href="https://www.baesystems.com/en/digital/what-we-do" class="web-nav-item">What we do</a>
<a href="https://www.baesystems.com/en/digital/markets" class="web-nav-item">Markets</a>
<a href="https://www.baesystems.com/en/digital/latest-news-and-events" class="web-nav-item">News & Events</a>
<a href="https://www.baesystems.com/en/digital/partners" class="web-nav-item">Partners</a>
<a href="https://www.baesystems.com/en/digital/about-us" class="web-nav-item">About Us</a>
<a href="https://www.baesystems.com/en/digital/careers" class="web-nav-item">Careers</a>
</div>
</div>
</div>
<div class="banner" style="background-image: url('')">
<div class="container">
<div class="mktoText" id="bannerHeader"><h1><span style="color: #000000;">Updating your email preferences</span></h1></div>
<div class="mktoText" id="bannerSubText"><h2><span style="color: #000000;">Please provide your email address below to unsubscribe</span></h2></div>
<div class="banner-highlight-box">
<div class="mktoText" id="bannerHighlightBoxText"></div>
<div class="banner-email-form">
<label>Enter your email address here: </label>
<input type="text" class="user-input-email">
</div>
<div class="banner-email">
<p></p>
<span class="hi-name"></span>
<a href="#" class="not-you">Not you?</a>
</div>
<div class="error-message">
Please ensure you have entered a valid email address
</div>
</div>
</div>
</div>
<div class="full-width">
<div class="container">
<div class="col-sm-4 text-center">
</div>
<div class="col-sm-4 text-center">
</div>
<div class="col-sm-4 text-center">
</div>
</div>
<div class="col-sm-4 text-center">
</div>
<div class="col-sm-4 text-center">
</div>
</div>
<div class="hidden-form hidden">
<div class="mktoForm" id="preferenceCentreForm"><div id='lpeCDiv_343245' class='lpeCElement DIGlobalUnsubscribe_FormID_3642'><span class='lpContentsItem formSpan'>
<script src="/js/forms2/js/forms2.min.js"></script>
<form class="mktoForm" id="mktoForm_3642">
</form>
<script>
(function (){
var formDescriptor = {"Id":3642,"Vid":3642,"Status":"approved","Name":"DI.Global.Unsubscribe Form.ID 3642","Description":"Live Unsubscribe form used on email footers and preference centre","Layout":"left","GutterWidth":5,"OffsetWidth":5,"HasTwoButtons":true,"SubmitLabel":"Submit","ResetLabel":"Clear","ButtonLocation":"110","LabelWidth":100,"FieldWidth":150,"ToolTipType":"none","FontFamily":null,"FontSize":"13px","FontColor":"#333","FontUrl":null,"LineMargin":5,"ProcessorVersion":2,"CreatedByUserid":171,"ProcessOptions":{"language":"English (uk)","locale":null,"profiling":{"isEnabled":false,"numberOfProfilingFields":3,"alwaysShowFields":[]},"socialSignOn":{"isEnabled":false,"enabledNetworks":[],"cfId":null,"codeSnippet":null}},"EnableDeferredMode":0,"EnableCaptcha":0,"EnableGlobalFormValidationRule":1,"ButtonType":null,"ButtonImageUrl":null,"ButtonText":null,"ButtonSubmissionText":"Please Wait","ButtonStyle":{"id":14,"className":"mktoNative","css":"","buttonColor":null},"ThemeStyle":{"id":3,"displayOrder":7,"name":"Plain","backgroundColor":"#FFF","layout":"left","fontFamily":"inherit","fontSize":"13px","fontColor":"#333","offsetWidth":5,"gutterWidth":5,"labelWidth":100,"fieldWidth":150,"lineMargin":5,"useBackgroundColorOnPreview":false,"css":".mktoForm fieldset.mkt3-formEditorFieldContainer{border: solid 1px gray;}.mktoForm fieldset.mkt3-formEditorFieldContainer legend{padding:0 1em;}","href":"css\/forms2-theme-plain.css","buttonStyleId":14},"ThemeStyleOverride":"\/* Add your custom CSS below *\/\n.mktoForm .mktoButton[type=submit] {\n width: 150px !important;\n height: 40px !important;\n display: inline-flex !important;\n align-items: center !important;\n justify-content: center !important;\n -moz-column-gap: .5rem !important;\n column-gap: .5rem !important;\n border-radius: .375rem !important;\n border-width: 1px !important;\n border-style: solid !important;\n padding: .75rem 1rem !important;\n font-family: BAESystemsWeb-Bold, ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", Segoe UI Symbol, \"Noto Color Emoji\" !important;\n font-size: .875rem !important;\n line-height: 1.3 !important;\n text-transform: uppercase !important;\n letter-spacing: .1em !important;\n text-decoration-line: none !important;\n font-weight: 700 !important;\n --tw-border-opacity: 1 !important;\n border-color: rgb(224 49 0 \/ var(--tw-border-opacity, 1)) !important;\n --tw-bg-opacity: 1 !important;\n background-color: rgb(224 49 0 \/ var(--tw-bg-opacity, 1)) !important;\n --tw-text-opacity: 1 !important;\n color: rgb(255 255 255 \/ var(--tw-text-opacity, 1)) !important;\n transition-property: all !important;\n transition-timing-function: cubic-bezier(.4,0,.2,1) !important;\n transition-duration: .15s !important;\n position: relative !important;\n padding-right: 2rem !important;\n text-align: left !important;\n}\n.mktoForm .mktoButton[type=submit]::before {\n --arrow: url(\"data:image\/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjlweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgOSAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWxuczpza2V0Y2g9Imh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaC9ucyI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDMuNCAoMTU1NzUpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmFycm93LW1lZC1yaWdodDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJXaGl0ZS1MYWJlbCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPHBhdGggZD0iTTAuNTA0OTU4Mzk2LDEuNTI5NjQ3NDggTDcuNDY4OTg4MTksOC41MTE2MTYwNSBMNy40Njg5ODgxOSw3LjQ1MjMyMTA5IEwwLjQ2ODk4ODE4OCwxNC40NzAzNTI1IEwxLjUzMTAxMTgxLDE1LjUyOTY0NzUgTDguNTMxMDExODEsOC41MTE2MTYwNSBDOC44MjI5OTYwNiw4LjIxODg3OTY3IDguODIyOTk2MDYsNy43NDUwNTc0NiA4LjUzMTAxMTgxLDcuNDUyMzIxMDkgTDEuNTY2OTgyMDIsMC40NzAzNTI1MTcgTDAuNTA0OTU4Mzk2LDEuNTI5NjQ3NDggTDAuNTA0OTU4Mzk2LDEuNTI5NjQ3NDggWiIgaWQ9ImFycm93LW1lZC1yaWdodCIgZmlsbD0iI0ZGRkZGRiIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=\");\n --tw-content: \"\";\n position: absolute !important;\n right: .75rem !important;\n height: 10px !important;\n width: 7px !important;\n --tw-translate-y: 0 !important;\n --tw-translate-x: 0px !important;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;\n background-size: cover !important;\n background-position: center !important;\n background-repeat: no-repeat !important;\n content: var(--tw-content) !important;\n transition-property: all !important;\n transition-timing-function: cubic-bezier(.4,0,.2,1) !important;\n transition-duration: .15s !important;\n background-image: var(--arrow) !important;\n}\n.mktoForm .mktoButton[type=submit]:hover {\n text-decoration: underline !important;\n}","LiveStreamSettings":null,"rows":[[{"Id":53274,"Name":"Email","Description":"Please provide your email address to unsubscribe","IsRequired":true,"Datatype":"email","Maxlength":255,"InputLabel":"Email Address:","InputInitialValue":"","InputSourceChannel":"constant","FieldWidth":200,"LabelWidth":120,"PlaceholderText":"Your email address","ValidationMessage":"Must be valid email. \u003Cspan class='mktoErrorDetail'\u003Eexample@yourdomain.com\u003C\/span\u003E"}],[{"Id":53275,"Name":"Unsubscribed","Datatype":"hidden","InputLabel":"Unsubscribed:","InputInitialValue":"True","InputSourceChannel":"constant","InputSourceSelector":"","ProfilingFieldNumber":0,"DisablePrefill":true}]],"fieldsetRows":[],"action":"\/index.php\/leadCapture\/save2","munchkinId":"308-OXI-896","dcJsUrl":"","invalidInputMsg":"Invalid Input","formSubmitFailedMsg":"Submission failed, please try again later.","isPreview":null};
MktoForms2.setOptions({baseUrl:"/js/forms2/"});
var isDev = false;
if(isDev && window.console && window.JSON){
console.log(JSON.stringify(formDescriptor, null, " "));
}
formDescriptor.lpId = 10580;
var form = MktoForms2.newForm(formDescriptor, function (form){
var lpFields = {"lpId":10580,"subId":26,"munchkinId":"308-OXI-896","lpurl":"\/\/info.ai.baesystems.com\/BAE-Unsubscribe.html?cr={creative}&kw={keyword}"};
var pageFields = MktoForms2.getPageFields();
form.addHiddenFields(lpFields);
form.addHiddenFields(pageFields);
if(window.mktoPreFillFields){
form.setValuesCoerced(mktoPreFillFields);
}
if(!form.EnableDeferredMode){
form.render();
}
});
})()
</script>
<noscript>
<form class='mktoForm mktoNoJS'>
<input type="hidden" name="formid" value="3642" />
</form>
<p>Please enable Javascript to view this form.</p>
</noscript>
</span></div>
</div>
</div>
<div class="website-footer">
<div id="page-social-bar">
<div class="wrapper">
<ul class="social-icon-list">
<li class="social-icon twitter">
<a title="twitter" href="https://twitter.com/BAES_Digital"></a>
</li>
<li class="social-icon facebook">
<a title="facebook" href="https://www.facebook.com/BAESystemsDigital"></a>
</li>
<li class="social-icon linkedin">
<a title="linkedin" href="https://www.linkedin.com/company/baesystemsdigital"></a>
</li>
<li class="social-icon youtube">
<a title="youtube" href="https://www.youtube.com/BAESystemsDigitalIntelligence"></a>
</li>
</ul>
<img class="footer-logo" src="
https://info.ai.baesystems.com/rs/308-OXI-896/images/BAES%20logo%20SILVER.jpg" width="200px" alt="BAE System">
</div>
</div>
<div id="page-footer">
<div class="wrapper">
<ul class="footer-links">
<li><a href="https://www.baesystems.com/en/cybersecurity/accessibility">Accessibility</a></li>
<li><a href="https://www.baesystems.com/en/cybersecurity/terms-and-conditions">Terms and Conditions</a></li>
<li><a href="https://www.baesystems.com/en/cybersecurity/privacy">Privacy Policy</a></li>
<li><a href="https://www.baesystems.com/en/cybersecurity/sitemap">Sitemap</a></li>
</ul>
<p class="copyright">Copyright © 2025 BAE Systems. All rights reserved</p>
</div>
</div>
</div>
<script src="//templates.marketo.net/template8/js/jquery.min.js"></script>
<script src="//templates.marketo.net/template8/js/bootstrap.min.js"></script>
<script src="//templates.marketo.net/template8/js/retina-1.1.0.js"></script>
<script>
$(document).ready(function() {
$('.checkbox-icon-box').on('click', function() {
if ($(this).data('target') == "all" && $(this).hasClass('active')) {
$('.checkbox-icon-box').removeClass('active');
$('.checkbox-icon-box').children('.tickbox').removeClass('active');
} else if ($(this).data('target') == "all" && !($(this).hasClass('active'))) {
$('.checkbox-icon-box').addClass('active');
$('.checkbox-icon-box').children('.tickbox').addClass('active');
} else {
$('.checkbox-icon-box[data-target="all"]').removeClass('active');
$('.checkbox-icon-box[data-target="all"]').children('.tickbox').removeClass('active');
$(this).toggleClass('active');
$(this).children('.tickbox').toggleClass('active');
}
});
$('.not-you').on('click', function(e) {
e.preventDefault();
$('.banner-email').hide();
$('input[name="Email"]').val('');
$('input[name="preferenceCentreBankingFraud"]').prop("checked", false);
$('input[name="preferenceCentreCompliance"]').prop("checked", false);
$('input[name="preferenceCentreCyber"]').prop("checked", false);
$('input[name="preferenceCentreInsuranceFraud"]').prop("checked", false);
$('input[name="digitalData"]').prop("checked", false);
$('input[name="pauseemail90days"]').prop("checked", false);
$('input[name="Unsubscribed"]').prop("checked", false);
$('.checkbox-icon-box').removeClass('active');
$('.checkbox-icon-box').children('.tickbox').removeClass('active');
function delete_cookie(name, path, domain) {
document.cookie = name + "=" +
((path) ? ";path=" + path : "") +
((domain) ? ";domain=" + domain : "") +
";expires=Thu, 01 Jan 1970 00:00:01 GMT";
}
function delete_marketo_cookie() {
delete_cookie('_mkto_trk', '/', '.baesystems.com');
}
delete_marketo_cookie();
emailSet = false;
$('.banner-email-form').show();
});
$('.submit-link').on('click', function(e) {
e.preventDefault();
var target = $(this).data('target');
switch (target) {
case "submit":
$('input[name="Unsubscribed"]').prop("checked", false);
$('input[name="pauseemail90days"]').prop("checked", false);
$('.checkbox-icon-box').each(function() {
$('input[name="' + $(this).data('target') + '"]').prop("checked", false);
if ($(this).hasClass('active') && $(this).data('target') == "all") {
$('input[name="preferenceCentreBankingFraud"]').prop("checked", true);
$('input[name="preferenceCentreCompliance"]').prop("checked", true);
$('input[name="preferenceCentreCyber"]').prop("checked", true);
$('input[name="preferenceCentreInsuranceFraud"]').prop("checked", true);
$('input[name="digitalData"]').prop("checked", true);
} else if ($(this).hasClass('active')) {
$('input[name="' + $(this).data('target') + '"]').prop("checked", true);
}
});
break;
case "pauseemail90days":
$('input[name="Unsubscribed"]').prop("checked", false);
$('input[name="pauseemail90days"]').prop("checked", true);
break;
case "Unsubscribed":
$('input[name="preferenceCentreBankingFraud"]').prop("checked", false);
$('input[name="preferenceCentreCompliance"]').prop("checked", false);
$('input[name="preferenceCentreCyber"]').prop("checked", false);
$('input[name="preferenceCentreInsuranceFraud"]').prop("checked", false);
$('input[name="digitalData"]').prop("checked", false);
$('input[name="pauseemail90days"]').prop("checked", false);
$('input[name="Unsubscribed"]').prop("checked", true);
break;
default:
break;
}
if (!emailSet) {
$('input[name="Email"]').val($('.user-input-email').val());
}
$('.error-message').hide();
if (MktoForms2.getForm(4011).validate()) {
$('.loader-container').show();
MktoForms2.getForm(4011).submit();
} else {
$("html, body").scrollTop(0);
$('.error-message').show();
}
});
$('.mobile-menu-toggle').on('click', function() {
$('.hamburger-inner').toggleClass('menu-open');
$('.website-navigation').slideToggle(200);
});
});
var emailSet = true;
MktoForms2.whenReady(function(form) {
if ($('input[name="Email"]').val() == "") {
emailSet = false;
$('.banner-email-form').show();
} else {
$('.banner-email p').html($('input[name="Email"]').val());
$('.banner-email').show();
}
var allticked = true;
if (form.vals().preferenceCentreBankingFraud == "yes") {
$('.checkbox-icon-box[data-target="preferenceCentreBankingFraud"]').addClass('active');
$('.checkbox-icon-box[data-target="preferenceCentreBankingFraud"]').children('.tickbox').addClass('active');
} else {
allticked = false;
}
if (form.vals().preferenceCentreCompliance == "yes") {
$('.checkbox-icon-box[data-target="preferenceCentreCompliance"]').addClass('active');
$('.checkbox-icon-box[data-target="preferenceCentreCompliance"]').children('.tickbox').addClass('active');
} else {
allticked = false;
}
if (form.vals().preferenceCentreCyber == "yes") {
$('.checkbox-icon-box[data-target="preferenceCentreCyber"]').addClass('active');
$('.checkbox-icon-box[data-target="preferenceCentreCyber"]').children('.tickbox').addClass('active');
} else {
allticked = false;
}
if (form.vals().preferenceCentreInsuranceFraud == "yes") {
$('.checkbox-icon-box[data-target="preferenceCentreInsuranceFraud"]').addClass('active');
$('.checkbox-icon-box[data-target="preferenceCentreInsuranceFraud"]').children('.tickbox').addClass('active');
} else {
allticked = false;
}
if (form.vals().digitalData == "yes") {
$('.checkbox-icon-box[data-target="digitalData"]').addClass('active');
$('.checkbox-icon-box[data-target="digitalData"]').children('.tickbox').addClass('active');
} else {
allticked = false;
}
if (allticked) {
$('.checkbox-icon-box[data-target="all"]').addClass('active');
$('.checkbox-icon-box[data-target="all"]').children('.tickbox').addClass('active');
}
if (form.vals().FirstName != "" && form.vals().pauseemail90days == "yes") {
$('.hi-name').html('Hi ' + form.vals().FirstName + ', your email communications are currently paused.<br>').show();
} else if (form.vals().FirstName != "" && form.vals().Unsubscribed == "yes") {
$('.hi-name').html('Hi ' + form.vals().FirstName + ', you are currently unsubscribed.<br>').show();
} else {
$('.hi-name').hide();
}
form.onSuccess(function(values, followUpUrl) {
var yesArray = [];
if (form.vals().preferenceCentreBankingFraud == "yes") {
yesArray.push("preferenceCentreBankingFraud");
}
if (form.vals().preferenceCentreCompliance == "yes") {
yesArray.push("preferenceCentreCompliance");
}
if (form.vals().preferenceCentreCyber == "yes") {
yesArray.push("preferenceCentreCyber");
}
if (form.vals().preferenceCentreInsuranceFraud == "yes") {
yesArray.push("preferenceCentreInsuranceFraud");
}
if (form.vals().digitalData == "yes") {
yesArray.push("digitalData");
}
if (form.vals().Unsubscribed == "yes") {
window.location.href="https://info.ai.baesystems.com/Unsubscribe-Survey-2016.html";
} else if (form.vals().pauseemail90days == "yes") {
window.location.href="https://info.ai.baesystems.com/Snooze-confirmation-BAE-Systems.html";
} else if (yesArray.length == 1) {
switch (yesArray[0]) {
case "preferenceCentreBankingFraud":
window.location.href="https://www.baesystems.com/en/cybersecurity/product/application-fraud-and-account-monitoring";
break;
case "preferenceCentreCompliance":
window.location.href="https://www.baesystems.com/en/cybersecurity/feature/what-lies-beneath";
break;
case "preferenceCentreCyber":
window.location.href="https://www.baesystems.com/en/cybersecurity/solutions/by-business-objective/detect-and-monitor-for-cyber-attacks";
break;
case "preferenceCentreInsuranceFraud":
window.location.href="https://www.baesystems.com/en/cybersecurity/the-total-economic-impact-of-bae-systems-netreveal";
break;
case "digitalData":
window.location.href="https://www.baesystems.com/en/cybersecurity/capability/digital-data-and-cloud";
break;
}
} else {
window.location.href="https://www.baesystems.com/en/cybersecurity/home";
}
return false;
});
});
</script>
<script type="text/javascript" src="//munchkin.marketo.net//munchkin.js"></script><script>Munchkin.init('308-OXI-896', {customName: 'BAE-Unsubscribe', wsInfo: 'j1RR'});</script>
<script type="text/javascript" src="/js/stripmkttok.js"></script></body>
</html>
CBlakeley
2 REPLIES 2
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Monday
Monday
Re: Landing Page not displaying form button
Please link to the live page demonstrating your issue.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
yesterday
yesterday
Re: Landing Page not displaying form button
@C_Blakeley please return to your thread and check responses.
.png)
- Copyright © 2025 Adobe. All rights reserved.
- Privacy
- Terms of use
- Do not sell my personal information
Adchoices