You are viewing limited content. For full access, please sign in.

Question

Question

Submit wallpaper stretch

asked on April 18

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

0 0

Replies

replied on April 18

What version of Forms are you using? And can you share the screenshot of it?

0 0
replied on April 21 Show version history

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

replied on April 21

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

0 0
replied on May 12

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.

0 0
You are not allowed to follow up in this post.

Sign in to reply to this post.