Question

Forms not saving to repository correctly

Forms

Updated July 28, 2017

asked on July 27, 2017

We have just developed our first form. While creating the form. We used css to configure the layout of the form. The form displays nicely without any issues. When the form is saved to the repository, the form has lost all formatting.

I have attempted to save the form using Tiff and PDF and have gotten the same results.

Has anyone else run across this issue?

Thanks,

(See attachments for images)

Forms Version.PNG (5.66 KB)

| Download

Form - Saved as PDF or Tiff.PNG (27.11 KB)

| Download

Actual Form.PNG (7.89 KB)

| Download

0 0

Answer

SELECTED ANSWER

replied on July 28, 2017

I don't know a lot about CSS but you have @media screen starting it which to me would imply that it only affects how you view it on the screen. Would it work if you took off "screen" and left it at @media or @media print?

0 0

Replies

replied on July 27, 2017

Hi Chris,

Some elements are changed (like the input) on read-only form, including file saved to repository, and the submitted form on thank you page/instance history page.

Can you post your custom CSS here so we can check it?

0 0

replied on July 28, 2017

I am using a pretty simple css. Just setting the inline-block and moving labels above the fields.

@media screen and (min-width: 641px) {
  
  
  .header {display: inline-block; width: 50%; vertical-align: top;}
  .cf-small {width: 80%;}
  #q41 .cf-label {width: 80%;}
  #q41 .cf-field {width: 80%;}
  
  #q1 .cf-label, #q6 .cf-label {width: 100%;}
  #q1 .cf-field, #q6 .cf-field {width: 100%;}
  
  .request {display: inline-block; width: 50%; vertical-align: top;}
  .cf-small {width: 80%;}
  #q4 .cf-label, #q7 .cf-label {width: 100%;}
  #q4 .cf-field, #q7 .cf-field {width: 100%;}
  
  #q10 .cf-label, #q32 .cf-label {width: 100%;}
  #q10 .cf-field, #q32 .cf-field {width: 100%;}
  
  #q22 .cf-label, #q12 .cf-label {width: 100%;}
  #q22 .cf-field, #q12 .cf-field {width: 100%;}
  
  #q30 .cf-label, #q30 .cf-field {width: 100%;}
  
  #q29 .cf-label {display:none;}
  #q29 .cf-field {width: 100%}
  
  #q31 .cf-label, #q31 .cf-field {width: 100%;}
  
   
  #q36 .cf-label, #q39 .cf-label {width: 100%;}
  #q36 .cf-field, #q39 .cf-field {width: 100%;}  
  
}

0 0

SELECTED ANSWER

replied on July 28, 2017

0 0

You are not allowed to follow up in this post.

Question

Question

Forms not saving to repository correctly

Answer

Replies

Sign in to reply to this post.