Solved

Force inline or simulate using css on a pdf

Posted on 2016-10-13
7
88 Views
Last Modified: 2016-10-13
I'm using gravitypdf to convert submitted forms into a pdf for printing.
On this form, https://www.injurylaworegon.com/agreement-for-legal-service.htm you can see the section of sign at / date is all on one line. It's using the built-in gf_inline class of gravity forms. When it converts to pdf, the pdf doesn't support the display: inline or display: inline-block. So the printable form shows each one of those fields on its own line instead of a single row.

These are legal forms, so I have to follow the format of their actual paper documents so I can't alter the fields to another look to work with css the pdf does accept.

Does anyone have any ideas of styling the gf_inline class to force them all on one line in the pdf conversion? (I apologize I can't show an example of what the pdf looks like because they're private legal documents and the preview option is only available to the site admins.)
0
Comment
Question by:Dzynit
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 3
7 Comments
 
LVL 57

Expert Comment

by:Julian Hansen
ID: 41842530
When it converts to pdf, the pdf doesn't support the display: inline or display: inline-block.
More like the PDF conversion library does not understand the styling - which one are you using?
0
 
LVL 14

Author Comment

by:Dzynit
ID: 41842539
That I don't know. It's the gravity pdf add-on. When I search for help on the issue, I just keep finding posts that say the inline style is not supported when converting an online form dynamically to a pdf for printing.
0
 
LVL 57

Expert Comment

by:Julian Hansen
ID: 41842554
Then you have to change your markup to something that uses inline styles - possibly even a table.
0
Report: Liquid Web beats Amazon, Rackspace & More

A study by performance analyst firm Cloud Spectator finds that Liquid Web beats rivals Amazon, Rackspace and DigitalOcean when it comes to website and cloud application performance.

 
LVL 14

Author Comment

by:Dzynit
ID: 41842577
It's a gravity form so of course that's not possible either. (maybe the .htm in the link is throwing you off - the site was converted to wordpress a long time ago, but too many pages to 301, so we used a sitewide rewrite to keep the .htm exension.)
0
 
LVL 57

Accepted Solution

by:
Julian Hansen earned 500 total points
ID: 41842647
maybe the .htm in the link is throwing you off??
Then it sounds like you are stuck with what Gravity Forms can do.
0
 
LVL 14

Author Comment

by:Dzynit
ID: 41842707
yes - that's why I was hoping to get some thoughts on other css for that gf_inline class to still make it work some. But the lawyer got back to me that it was ok to change the line so I could use the 3 column styling that does work. Thanks for trying.
0
 
LVL 57

Expert Comment

by:Julian Hansen
ID: 41842714
No problem - good luck.
0

Featured Post

[Webinar] Code, Load, and Grow

Managing multiple websites, servers, applications, and security on a daily basis? Join us for a webinar on May 25th to learn how to simplify administration and management of virtual hosts for IT admins, create a secure environment, and deploy code more effectively and frequently.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This article focuses on how to remove password security from multiple PDF files by Adobe Acrobat program. Sometimes it is essential to access the stored data items and to print, edit as well as copy content from Portable Document Format files in abs…
Inserting page numbers in Portable Document Files not only enhances manageability but also makes them look professional. With numbered pages, the file appears more organized and it becomes easier to search for a particular page. The size and the vol…
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

738 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question