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

Question

Question

Printing a pdf after submitting a form

asked on May 5, 2017 Show version history

Hi All,

I am trying to download my form in pdf mode. When clicking on the download button, the pdf is being downloaded but not in the proper format. I would like it to be exactly same as it is being previewed after the form submission. What can I do to print only the preview mode. Please refer to screenshots.

I need only the preview part to be downloaded in pdf.

The pdf is being displayed as per below(the yellow arrow is being cut off).

 

Please advise how can i solve this issue.

Regards

Sheila

0 0

Replies

replied on May 8, 2017

What is the maximum width of the form configured in the Form Settings dialog when edit the form? Do you have any customized CSS for the form title part?

0 0
replied on May 8, 2017 Show version history

Hi Xiuhong,

Yes. Please find below the css used in the form.

#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(https://publicurl/Forms/img/folder/form_banner.png);
  background-repeat:no-repeat;
  background-position:10% 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*/
  padding-bottom: 65px;
  
}
    
/*Modify "cf-pagination{top}" value to move the tabs up and down*/
.cf-pagination{
  position:relative; 
  /*top:20px*/
  top: 85px;
  /*right: 115px;*/
}

.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 {color:#555555;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('/Forms/img/folder/background.jpg');
  background-repeat:no-repeat;
  background-attachment:fixed;
  /*background-position:top;
  background-size:100% 100%;*/
  background-size: cover;
  opacity: 0.85;
}

.large select{width:90% !important;}
.small input {width:90% !important;}

.cf-formwrap{
  max-width: 950px;
  margin-top: 0;
}
#cf-formtitle h1{
  position: relative;
  top: 83px;
  right: -100px;
}
hr.end-set{
  display: none !important;
}
.cf-pagination-tabs li:hover{
  background: #fff;
  font-weight: bold;
}


/* CSS for responsive */
@media screen and (max-width: 1024px){
  .cf-pagination{
    top: 115px;
  }
  #cf-formtitle{
   padding-bottom: 115px;
  }
}
@media screen and (max-width: 480px){
  #cf-formtitle h1{
    height: 80px;
  }
  .cf-pagination-tabs li{
    width: 300px;
  }
}

 

Regards

Sweety

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

Sign in to reply to this post.