When form is exported to a PDF, text is smaller and squished and not aligned to radio buttons of the matrix

  • shellyschulteis
    Asked on June 24, 2015 at 1:54 PM
    When I try to turn this form into a PDF the text looks smaller, and squished. (it does not look the same as when I go to view my form on Jotform page)
  • Ben
    Replied on June 24, 2015 at 2:13 PM

    I would like to confirm this with you that the issue is happening on the following forms:

    http://www.jotform.co/form/51605741272855

    and

    http://www.jotform.co/form/51605655944865

    I ask since the names are similar to other forms, while no form matches the exact phrasing that you have used on the other thread.

    Does the same issue happen on some other form as well?

  • shellyschulteis
    Replied on July 15, 2015 at 4:30 PM

    Sorry I just realized these were not request for help in solving the but notifications that most of my issues were already solved, or showing me how to solve the problems on my end. So I apologize for the delay in clarifying your questions. The forms names are the ones shown above or St. Luke Spiritual Gifts and St. Luke Community of gifts. the trouble I am having is the formatting does not appear the same ad it used too (in 2 different color tones, rotating at every other questions) , but instead comes over like the attached. Jumbled and non aligned.Please let me know what can be done to make these look like the original form, when i need to turn them into a PDF. Thanks! Shelly

    1st is the St. Luke Spiritual gifts shown below: When form is exported to a PDF, text is smaller and squished and not aligned to radio buttons of the matrix Image 1 Screenshot 30

    And this is how the St. Luke Community of Gifts transfers over as a PDF: Also jumbled, not duel color toned, and non aligned with the questions.When form is exported to a PDF, text is smaller and squished and not aligned to radio buttons of the matrix Image 2 Screenshot 41

     

  • Elton Support Team Lead
    Replied on July 15, 2015 at 7:04 PM

    @shellyschulteis 

    There was some updates made on the fillable PDF recently specially on the formatting, could be the reason why most of the issues are fixed.

    About the other issues, jumbled, not aligned and colors, please try to inject this CSS codes to your form this might help (place it at the most bottom part). You have to create a new fillable PDF after that, and if you don't want to retain this style on your form, you can remove these code afterwards specially the part highlighted in yellow.

    .form-matrix-row-headers {

    font-size: 1em;

    line-height: 1.2em;

    padding: 8px 6px;

    }

    .form-matrix-column-headers{

    font-size: 1em;

    }

    .form-matrix-values {

      vertical-align: top;

    }

    Here's a sample result when I tried it on a cloned version of your form.

    When form is exported to a PDF, text is smaller and squished and not aligned to radio buttons of the matrix Image 1 Screenshot 20

  • shellyschulteis
    Replied on July 28, 2015 at 11:24 AM
    I am sorry, but I have tried numerous times to embed these codes into the
    forms, and I don't ever seem to get the same result as the cloned forms you
    did. (Which is what I am looking for) Can you please embed these codes into
    both my St. Luke Community of Gifts form & the St. Luke Spiritual Gift Form
    ...
  • Ben
    Replied on July 28, 2015 at 12:55 PM

    I have just added the CSS codes from my colleague to your following 2 forms:

    1. http://www.jotform.co/form/51605741272855 "St. Luke Community of Gifts Inventory"

    2. http://www.jotform.co/form/51605655944865 "St. Luke Spiritual Gift Inventory"

    Do of course let us know if it is looking properly for you now or if you have any further issues and we would be happy to assist.