Hello,
When I submit a form, my wallpaper get stretched to the length of the form and don't fit the screen. Please advice.
Regards,
-Guillame
What version of Forms are you using? And can you share the screenshot of it?
Hi Xiuhong,
This is the background before submitting:
This is the background after submitting:
Here is my css code :
#form-title-wrap {
padding-left:0px;
padding-right:0px;
float:none
}
#cf-formtitle {
/*Modify "background-position" values to move the yellow arrow*/
background-color:#ffffff ;
background-image:url(form_banner.png);
background-repeat:no-repeat;
background-position:42% 0%;
/*Modify "border-right-width" value to change the size to the title from right*/
border-style:solid;
border-color:#ffffff;
border-right-width:30px
}
/*Modify "cf-pagination{top}" value to move the tabs up and down*/
.cf-pagination{
position:relative;
top:20px
}
.cf-pagination-tabs li.active {
color:#555555;
font-family:Arial;
font-style:normal;
font-weight:bold;
font-size:14px;
text-decoration:none;
border-color:#404040;
border-style:solid;
border-width:1px;
border-bottom:none;
background-color:#ffffff;
vertical-align:bottom
}
.cf-pagination-tabs li:not(.active) {color:#555555;font-family:Arial;font-style:normal;font-weight:normal;font-size:14px;text-decoration:none;border-color:#404040;border-style:solid;border-width:1px;border-bottom:none;background-color:#c0c0c0;vertical-align:bottom}
body {
background-color:#ffffff;
background-image:url(background.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:top;
background-size:100% 100%;
}
.large select{width:90% !important;}
.small input {width:90% !important;}
Regards,
Guillaume
The issue is the on thank you page, the submitted form is embed as an iframe on that page and the vertical scrollbar appear on the out layer body. There is an similar issue here , no solution yet.