cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
JMAFO
Helper V
Helper V

Formatting PDF with Convert TO PDF OneDrive Connector

Hello all,

 

I'm currently converting a somewhat complex HTML to PDF. However, I'm having issues adding blank space inside of a table. The pdf does not render using &nbsp; , and when I use <pre></pre> it adds an empty space above the tag. I have even tried using <pre><code></code></pre> and the space above the tag still exists. Does anyone know how to simply just add a blank space that will render in the PDF?

 

The desired look would be something like (inside of a table):

 

Client                                  John  Doe

Phone Number                  1800-555-1234

Email                                  jdoe@fakeemail.com

5 REPLIES 5
AlanPs1
Resident Rockstar
Resident Rockstar

Hi @JMAFO 

Have you tried using &nbsp;

 

The above should gibe you one space, or maybe if you want 3

&nbsp;&nbsp;&nbsp;

 

I haven't tested this but maybe you can and let us know if that helps you?

 

If you find my posts helpful, please mark with thumbs up

 

If this solves your issue, please click "Accept as Solution"

 

Any questions, just ask.

 

Thanks, Alan


Did I answer your question? Mark my post as a solution!

Proud to be a Flownaut!


Hello, unfortunately &nbsp; does not render after converting to PDF. 

AlanPs1
Resident Rockstar
Resident Rockstar

Hi there @JMAFO 

I have achieved this type of thing before and have working examples of tables with correct formatting styling the HTML using CSS. This has then output exactly as I wanted it to the PDF.

 

It's a little out of the scope of the Flow forum I guess but below is some HTML & CSS  I have used before to create nicely spaced tables in HTML, with CSS and then converted to PDF with the convert to PDF connector amongst other ways.

 

<html>
<head>
<style>
body {
	font-family: "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
	color: rgb(51, 51, 51);
	background-color: #fff;
}

table {
	font-family: "Segoe UI", "Segoe WP", Tahoma, Arial, sans-serif;
	font-size: 14px;
	border-collapse: collapse;
	width: 90%;
	text-align: center;
}

td {
	padding: 5px;
}

th {
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
}

</style>
</head>
<body>
<table style="width:100%">
  <tr>
    <th>Firstname</th>
    <th>Lastname</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
</table>
</body>
</html>

 

NOTE: Other CSS may be required to get the exact look you are after. 

 

If you find my posts helpful, please mark with thumbs up

 

If this solves your issue, please click "Accept as Solution"

 

Any questions, just ask.

 

Thanks, Alan


Did I answer your question? Mark my post as a solution!

Proud to be a Flownaut!


This was helpful. I think I may have to ditch the idea of doing inline formatting and instead create an additional column to store the text that I wish to see indented. 

AlanPs1
Resident Rockstar
Resident Rockstar

Hi @JMAFO 

Sounds like a decent idea, CSS in head approach always a better approach although inline styles can work, they just get messy.

 

best wishes

 

If you find my posts helpful, please mark with thumbs up

 

If this solves your issue, please click "Accept as Solution"

 

Any questions, just ask.

 

Thanks, Alan


Did I answer your question? Mark my post as a solution!

Proud to be a Flownaut!


Helpful resources

Announcements
Process Advisor

Introducing Process Advisor

Check out the new Process Advisor community forum board!

MPA User Group

Welcome to the User Group Public Preview

Check out new user group experience and if you are a leader please create your group

MBAS on Demand

Microsoft Business Applications Summit sessions

On-demand access to all the great content presented by the product teams and community members! #MSBizAppsSummit #CommunityRocks

Top Solution Authors
Users online (20,508)