Change "#lp-pom-button-21" for your button's id and change "left" for "right" accordingly.
<style>
#lp-pom-button-21 .label{
text-align: left;
}
</style>
Change "YourFieldName" for the field name in your form and change the information to your own language and prefered date format. This example is in French :) Set placement to "Head"
<script>
$(function() {
$( "#YourFieldName").datepicker({
altField: "#datepicker",
closeText: 'Fermer',
prevText: 'Précédent',
nextText: 'Suivant',
currentText: 'Aujourd\'hui',
Some services that integrate with Unbounce impose a maximum number of characters, including spaces, that you can add into a field.
For example MailChimp, Campaign Monitor, Constant Contact and Zoho CRM allow a maximum number of around 250 characters, while other services like AWeber have a limit of between 16 to 33, depending on the type of characters.
In order to avoid integration errors, you can limit the amount of characters allowed in your form fields by adding the following script to the Javascripts section of your page, selecting "Before Body End Tag" as the placement:
<script>
$(document).ready(function(){
//Change 'email' for the ID of your form field and '10' for the max number of characters allowed.
<style>
.lp-pom-form-field input {
font-family: 'Comic Sans MS' !important;
}
</style>
Change '#lp-pom-block-10' for the ID of the element you want to hide and make re-appear in both the javascript and the CSS. You can add multiple elements separating them by a comma ('#lp-pom-block-10, #lp-pom-button-75'). Change 5000 to adjust the timer, time is in milliseconds.
Javascript:
<script>
window.setTimeout(function () {
$('#lp-pom-block-10').show();
}, 5000);
Paste the following code in the Javascripts section of your page selecting 'Before Body End Tag' as the placement:
<script>
$(function(){
$(".lp-form-errors").click(function(){
$(".lp-form-errors").fadeOut()
});
$('.lp-pom-form .lp-pom-button').click(function(){
<script type="text/javascript">
/*
Unbounce Community :: Tips & Scripts :: Auto-capitalize Form Fields
TS:0002-08-064
***********************
Do not remove this section. It helps our team troubleshoot possible issues and track feature usage and adoption.
*/
Paste the following script in the Javascripts section of the page selecting 'Before Body End Tag' as the placement. You can change the mask to any phone number format you want:
<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.1.62/jquery.inputmask.bundle.js"></script>
<script>
/**
* Do not remove this section; it allows our team to troubleshoot and track feature adoption.
* TS:0002-08-073
<script>
//Add your Convertable code. Don't forget to add \ before the closing > as in the exmple below.
var convStr = '<script src="//a0a1179f80df414f91512d8919c3e847.js.ubembed.com" async></script\>';
//Add the start and end dates using the format mm/dd/yyyy.
var startDate = '05/05/2017';
var endDate = '05/09/2017';