Hey everyone,
Wondering if you could help me please, I have a flow that converts HTML text to PDF and then saves the PDF file to OneDrive.
The html text is sent from PowerApps to flow, this is used for a company delivery ticket, the ticket and design all works correctly. The issue I am having is when multiple tickets are passed from PowerApps, the new ticket is not generating on to a new page, what I am trying to achieve is basically ticket 1 on page 1, ticket 2 on page 2 etc.
I have used the page-break-before and page-break-after in my html, I have also tried break-after, these work correctly in my html document but this does not work when the flow converts to PDF, the page breaks are removed.
I can use <br> on the end of my html to pad out the spacing at the end of the ticket, however this doesn't always work as depending on the data passed to the delivery ticket the height can change.
Does anyone have any experience in getting the page breaks to work when converting to PDF or any work around I can use instead?
I have copied in the html below for reference.
Thanks in advance!
Deri
concat('<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 0.5px solid black;}
.newPageTop {
page-break-before:always;
}
.newPageBottom {
page-break-after:always;
}
p {break-before: always;
}
</style>
</head>
<body><p></p><h3 style= "text-align: center; color:#000080; font-family:tahoma; font-size: 12px;"> <img src="', variables('logoHeader'),'" style="width:350px; height:60px;"> <br> T: <br> E:
<br>
W: <br><img src="', variables('logoSocial'),'" style="width:60px; height:20px;"></h3>', items('Apply_to_each'), '<center><img src="', variables('creditLogo'), '" width ="120px" height="30px""></center></td></tr></table>
</body>
</html>')
Solved! Go to Solution.
Hi @Deriooo
I assume you're using the OneDrive approach to HTML conversion? There lots of CSS / JS and general HTML mark-up which isn't supported.
I ran your HTML through the Encodian 'HTML to PDF' action and the page break worked fine. However, there are some issues with the HTML with unclosed tags (table) and a few other bits, I think you've optimized the CSS for OneDrive conversion, the Encodian action will render as per the HTML rendered within a browser.
HTH
Jay
HI @Deriooo
I don't have much experience in this, but I did some digging and found the following articles:
Also, I found this:
https://stackoverflow.com/questions/6235038/pagebreak-in-converting-html-to-doc-and-docx-fromat-php
(Try inserting the style directly in the <br>)
Hope this helps you
If I have answered your question, please mark your post as Solved.
If you like my response, please give it a Thumbs Up.
Cheers
Manuel
Hi Manuel,
Thanks for your reply and suggestions, apologies for the late reply.
I have tried the suggestions you sent over, unfortunately still not working as expected, so I'm assuming Flow can't support this function at the moment. Thanks for your help on this anyway!
Thanks,
Deri
Hi Deri,
Can you please share the complete HTML your sending to conversion? we can't validate the HTML with the contained variables.
Thanks J
Still no way to solved this issue?
I need to insert a page break in the html string...haven't found a way to do it...
@cholopa This issue was never resolved because the HTML wasn't provided by @Deriooo
Can you provide some details so we can review?
You would typically included page breaks via a css class:
<div id="pgX" class="page">
.page { page-break-before: always; }
https://www.w3schools.com/cssref/pr_print_pageba.asp
https://www.w3schools.com/cssref/pr_print_pagebb.asp
HTH
Jay
Thanks for your quick reply:
Your code seems not to work inside html string (don't know if i have to do something else apart for adding your code):
https://drive.google.com/file/d/1ujhmxij5ZTWf3EVmaCqkZ-bOyC0-NX0W/view?usp=sharing
You can't just add that data to existing HTML mark-up and expect it to work, you need to ensure the HTML is correctly formatted relevant to your HTML mark-up, for example:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style>
.page { page-break-before: always;}
</style>
</head>
<body>
<div>
<p>Page 1</p>
</div>
<div class="page">
<p>Page 2</p>
</div>
<div class="page">
<p>Page 3</p>
</div>
</body>
</html>
HTH
Jay
<!DOCTYPE html>
<html>
<head>
<meta charset=" UTF-8">
<style type="text/css">
table,
th,
td {
border: 0.5px solid black;
}
.page {
page-break-before: always;
}
</style>
</head>
<body>
<div class="page">
<h3 style="text-align: center; color:#000080; font-family:tahoma; font-size: 12px;"> <img
src="data:image/png;base64,iVBORw0KGgoAAAA5bO3Z/PHbrgb+oHLfds1FddvTqpYWmnZ+Sj5RKTNSckum1dTVDwH7g0AgEAgEAoFAIBDo/4n/ulw2FWazAAAAAElFTkSuQmCC"
style="width:350px; height:60px;"> <br> T: 01443222430 <br> E:
info@domain.co.uk<br> W: www.domain.co.uk<br><img
src="data:image/png;base64,iVBORw0KGgoA5UUk4qUCkjWhzPM13TeD3Mju6z6IVnxItJMPUX6UkZ/h7v9SooK0f8HoAqBuPlqNowAAAAASUVORK5CYII="
style="width:60px; height:20px;"></h3>
<p>
<table style='margin: 0px auto; border:0px; width: 500px; align:center'>
<tr style='text-align:center;'>
<td><b>Date</b></td>
<td><b>Driver </b></td>
<td><b>Vehicle </b></td>
<td><b>Ticket </b></td>
</tr>
<tr>
<td>03/06/2020 </td>
<td></td>
<td> </td>
<td> #####</td>
</table>
</p>
<p>
<table style='margin: 0px auto; border:0px; width: 500px; align:center'>
<tr style='text-align:center;'>
<td><b>Customer</b></td>
<td><b> PO/No</b></td>
</tr>
<tr>
<td>TEST COMPANY </td>
<td>#####</td>
</tr>
</table>
</p>
<p>
<table style='margin: 0px auto; border:0px; width: 500px; align:center'>
<tr style='text-align:center;'>
<td><b>Address</b></td>
</tr>
<tr>
<td>123 STREET <br><br>UNITED KINGDOM </td>
</tr>
</table>
</p>
<p>
<table style='margin: 0px auto; border:0px; width: 500px; align:center'>
<tr style='text-align:center;'>
<td><b>Bulk </b></td>
<td><b>Pallet</b></td>
</tr>
<tr>
<td>product 1<br>product 2</td>
<td>product 3 </td>
</tr>
</Table>
<Table style='margin: 0px auto; border:0px; width: 500px; align:center'>
<tr style='text-align:center;'>
<td><b>Arrival</b></td>
<td><b>Finish</b></td>
<td><b>Total</b></td>
</tr>
<tr>
<td><br></td>
<td><br></td>
<td><br></td>
</tr>
</table>
</p>
<p>
<p style='font-size: 8px'>
<i>Company info</i>
</p>
<Table style='margin: 0px auto; border:0px; width: 500px; align:center'>
<tr style='text-align:center;'>
<td><b>Print</b></td>
<td><b>Signature</b></td>
</tr>
<tr>
<td><br></td>
<td><br></td>
</tr>
<tr style='text-align:center;'>
<td><b>Title</b></td>
<td><b>Date</b></td>
</tr>
<tr>
<td><br></td>
<td><br></td>
</tr>
</table>
</p>
<p style='font-size: 8px'>
<i>Note: #######</i>
</p>
<table style='font-size: 10px; width:500px; height:100px; border:0px;'>
<tr>
<td height='35px'><i>Head Office
<br> ####### </i></td>
<td height='35px'>
<center><img
src="data:image/png;base64,iVBAH4K0zdcBVWGzwulc1r0FfQG22Pprqt1Z7KZzB9TzY5HbLcB3QF9+KltuoC+gAiqgAiqgAvpbJmOhm+fRBHW7aQqBTmDmATvNgms7VoH5pcvXcfnKTYK2AFvAfovnd2mR3yQTvAnkFy/d5VF8m2Fu0kInsDOs+Pq1O2YK3qTrAV4LnpoOp0JhrHSv5e4cHVzVNQGv3fjGArpIYC52ADhn3Jx+YpGODmjbMli3E8YJV0AFVEAFVEAF9LdPwP8PUv0UCAup254AAAAASUVORK5CYII="
width="120px" height="30px""></center></td></tr></table>
</div><div class=" page">
<h3 style="text-align: center; color:#000080; font-family:tahoma; font-size: 12px;">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUsuP8r5bO3Z/PHbrgb+oHLfds1FddvTqpYWmnZ+Sj5RKTNSckum1dTVDwH7g0AgEAgEAoFAIBDo/4n/ulw2FWazAAAAAElFTkSuQmCC"
style="width:350px; height:60px;"> <br> T: 01443222430 <br> E:
info@domain.co.uk<br> W: www.domain.co.uk<br><img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASVsyUK2aMoB5wfxgnpYesKju6z6IVnxItJMPUX6UkZ/h7v9SooK0f8HoAqBuPlqNowAAAAASUVORK5CYII="
style="width:60px; height:20px;"></h3>
<p>
<table style='margin: 0px auto; border:0px; width: 500px; align:center'>
<tr style='text-align:center;'>
<td><b>Date</b></td>
<td><b>Driver</b></td>
<td><b>Vehicle</b></td>
<td><b>Ticket</b></td>
</tr>
<tr>
<td>03/06/2020 </td>
<td></td>
<td> </td>
<td> #####</td>
</table>
</p>
<p>
<table style='margin: 0px auto; border:0px; width: 500px; align:center'>
<tr style='text-align:center;'>
<td><b>Customer</b></td>
<td><b> PO/No</b></td>
</tr>
<tr>
<td>TEST COMPANY 2</td>
<td>#####</td>
</tr>
</table>
</p>
<p>
<table style='margin: 0px auto; border:0px; width: 500px; align:center'>
<tr style='text-align:center;'>
<td><b>Address</b></td>
</tr>
<tr>
<td>1234 STREET<br><br>UNITED KINGDOM</td>
</tr>
</table>
</p>
<p>
<table style='margin: 0px auto; border:0px; width: 500px; align:center'>
<tr style='text-align:center;'>
<td><b>Bulk </b></td>
<td><b>Pallets</b></td>
</tr>
<tr>
<td>PRODUCT 1<br>PRODUCT 2<br>PRODUCT 3</td>
<td> </td>
</tr>
</Table>
<Table style='margin: 0px auto; border:0px; width: 500px; align:center'>
<tr style='text-align:center;'>
<td><b>Arrival </b></td>
<td><b>Finish </b></td>
<td><b>Total</b></td>
</tr>
<tr>
<td><br></td>
<td><br></td>
<td><br></td>
</tr>
</table>
</p>
<p>
<p style='font-size: 8px'>
<i>Company Info</i>
</p>
<Table style='margin: 0px auto; border:0px; width: 500px; align:center'>
<tr style='text-align:center;'>
<td><b>Print</b></td>
<td><b>Signature</b></td>
</tr>
<tr>
<td><br></td>
<td><br></td>
</tr>
<tr style='text-align:center;'>
<td><b>Title</b></td>
<td><b>Date</b></td>
</tr>
<tr>
<td><br></td>
<td><br></td>
</tr>
</table>
</p>
<p style='font-size: 8px'>
<i>Note: ######</i>
</p>
<table style='font-size: 10px; width:500px; height:100px; border:0px;'>
<tr>
<td height='35px'><i>Head Office
<br> ####### </i></td>
<td height='35px'>
<center><img
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEm1MnzuHv3Aa1oAawFUAGpBU6Bd5YBaAG2SP5mqp9hxU5YscIqjhQAxwJ3SG73ufJxQN8hbzo5rXKRc62ACqiACqiACujXRLTQBeSyyjPJWu1OoPRY6AI2geo9WtcXLgqkr+LipWu4dPkGLl+9iStXb+Py5ds4d+6q4QsX6H/5Di5evGXcFy/ewIXz13Du7GWcJ9DfuU1AT7OL0iygW+CUlS6L24K0zdcBVWGzwulc1r0FfQG22Pprqt1Z7KZzB9TzY5HbLcB3QF9+KltuoC+gAiqgAiqgAvpbJmOhm+fRBHW7aQqBTmDmATvNgms7VoH5pcvXcfnKTYK2AFvAfovnd2mR3yQTvAnkFy/d5VF8m2Fu0kInsDOs+Pq1O2YK3qTrAV4LnpoOp0JhrHSv5e4cHVzVNQGv3fjGArpIYC52ADhn3Jx+YpGODmjbMli3E8YJV0AFVEAFVEAF9LdPwP8PUv0UCAup254AAAAASUVORK5CYII="
width="120px" height="30px""></center></td></tr></table>
</div></body>
</html>
Hi @Jay-Encodian
Apologies in the delay for coming back with the HTML, I couldn't find a solution for this problem so this aspect of the project has been left for some time.
I've copied in the full HTML that is used for conversion, I've had to remove some of the business details and sensitive data but the HTML structure is the same, I've reduced the size of the img src base 64 links also, if you need the full base64 link included then please let me know and I can reinsert this to send over to you.
Whatever way I try the page breaks, whether using before or after with the css style, when the HTML document is converted to PDF the page breaks are not inserted, and the next <div> element is started half way through a page. With the example I've sent above, this HTML is used to create two company tickets for two separate customers, hence why I need these tickets to be created on a new page each time.
Hi @Deriooo
I assume you're using the OneDrive approach to HTML conversion? There lots of CSS / JS and general HTML mark-up which isn't supported.
I ran your HTML through the Encodian 'HTML to PDF' action and the page break worked fine. However, there are some issues with the HTML with unclosed tags (table) and a few other bits, I think you've optimized the CSS for OneDrive conversion, the Encodian action will render as per the HTML rendered within a browser.
HTH
Jay
Yes we are using the built in OneDrive solution for conversion, I thought after some time trying different things that it may be the case OneDrive doesn't support this, we've come across issues before with PDF conversion in OneDrive.
Thanks for the help on this and pointing out some issues with the HTML.
I think our only option will be to look at your Encodian package going forward, it seems to handle the PDF conversion a lot smoother.
Thanks
Deri
Hi @Deriooo
It's unfortunate, it may improve in future and vendors such as Encodian will focus on plugging other gaps in PA capability.
If you need any help with the HTML let me know
HTH
Jay
A workaround exists to generate a PDF with more than one pages by using CSS and the OneDrive connector: https://www.inspiribytes.com/power-automate/generate-multiple-pages-pdf-in-power-automate/
Encapsulate each page with DIVs. Example:
<div id="page1" style = "height:770px; width: 535px">
Page 1
</div>
<div id="page2" style = "height:770px; width: 535px">
Page 2
This is how I solve the page break issue. Hope this helps.
This weekly series is our way of helping the amazing members of our community--both new members and seasoned veterans--learn and grow in how to best engage in the community! Each Tuesday, we will feature new areas of content that will help you best understand the community--from ranking and badges to profile avatars, from Super Users to blogging in the community. Our hope is that this information will help each of our community members grow in their experience with Power Platform, with the community, and with each other! Have you ever wondered how your fellow community members earn the different ranks available? What is the difference between an Advocate and a Helper, a Solution Sage and a Community Champion? In today's #TuesdayTip, we share the secrets and tips to help YOU keep your ranking growing--and why it's so important to our communities. What are community ranks? - Power Platform Community (microsoft.com) Get the details in this Knowledge Base article that shows you what ranks are, how they are achieved, and what they mean to you as you engage with other community members on a regular basis. Once you start your journey in the community, ranking up, you'll find the benefits. So get busy with those kudos, solutions, and more! We can't wait to see how you rank!That's it for this week. Tune in for more Tuesday Tips next Tuesday and join the community as we continue to get "Back to Basics."
After all the planning and preparing, the annual Microsoft Power Platform Conference is finally here! We are excited to see so many of our community in Las Vegas this week. To help make sure you don't miss any of the workshops, sessions, and events we have planned, make sure to check out this handy Community One-Sheet, and download the pdf today! Make sure to stop by the Community Lounge to meet @hugobernier, @EricArcher, @heaher_italent, and @AshleyFelts from our team!
Join us for the first-ever the Biz Apps Community User Group meeting live from the Power Platform Conference! This one hour user group meeting is all about discovering the value and benefits of User Groups! Discover how you can find a group in your local area or about specific topics where you can learn new skills and meet like-minded people as a user group member. Hear from User Group leaders about why they do what they do and what resources they receive to help them succeed as community ambassadors. If you have never attended a User Group meeting before, this will be a great introduction! We hope you are inspired to find a group that meets your unique interests! October 5th at 2:15 pm Pacific time If you're attending #MPPC23 in Las Vegas, join us in person! Find out more here: https://powerplatformconf.com/#!/session/Biz%20Apps%20Community%20User%20Group%20Meeting%20-%20Live%20from%20MPPC/6172 Not at MPPC23? Attend vvirtually by registering here: https://aka.ms/MPPCusergroupmeeting2023 If you can't attend this meeting live, don't worry! We will record this meeting and share it with the Community at powerusers.microsoft.com
We are excited to kick off our new #TuesdayTIps series, "Back to Basics." This weekly series is our way of helping the amazing members of our community--both new members and seasoned veterans--learn and grow in how to best engage in the community! Each Tuesday, we will feature new areas of content that will help you best understand the community--from ranking and badges to profile avatars, from Super Users to blogging in the community. Our hope is that this information will help each of our community members grow in their experience with Power Platform, with the community, and with each other! This Week's Tips: Account Support: Changing Passwords, Changing Email Addresses or Usernames, "Need Admin Approval," Etc.Wondering how to get support for your community account? Check out the details on these common questions and more. Just follow the link below for articles that explain it all.Community Account Support - Power Platform Community (microsoft.com) All About GDPR: How It Affects Closing Your Community Account (And Why You Should Think Twice Before You Do)GDPR, the General Data Protection Regulation (GDPR), took effect May 25th 2018. A European privacy law, GDPR imposes new rules on companies and other organizations offering goods and services to people in the European Union (EU), or that collect and analyze data tied to EU residents. GDPR applies no matter where you are located, and it affects what happens when you decide to close your account. Read the details here:All About GDPR - Power Platform Community (microsoft.com) Getting to Know You: Setting Up Your Community Profile, Customizing Your Profile, and More.Your community profile helps other members of the community get to know you as you begin to engage and interact. Your profile is a mirror of your activity in the community. Find out how to set it up, change your avatar, adjust your time zone, and more. Click on the link below to find out how:Community Profile, Time Zone, Picture (Avatar) & D... - Power Platform Community (microsoft.com) That's it for this week. Tune in for more Tuesday Tips next Tuesday and join the community as we get "Back to Basics."
Are you attending the Microsoft Power Platform Conference 2023 in Las Vegas? If so, we invite you to join us for the MPPC's Got Power Talent Show! Our talent show is more than a show—it's a grand celebration of connection, inspiration, and shared journeys. Through stories, skills, and collective experiences, we come together to uplift, inspire, and revel in the magic of our community's diverse talents. This year, our talent event promises to be an unforgettable experience, echoing louder and brighter than anything you've seen before. We're casting a wider net with three captivating categories: Demo Technical Solutions: Show us your Power Platform innovations, be it apps, flows, chatbots, websites or dashboards... Storytelling: Share tales of your journey with Power Platform. Hidden Talents: Unveil your creative side—be it dancing, singing, rapping, poetry, or comedy. Let your talent shine! Got That Special Spark? A Story That Demands to Be Heard? Your moment is now! Sign up to Showcase Your Brilliance: https://aka.ms/MPPCGotPowerSignUp Deadline for submissions: Thursday, Sept 28th How It Works: Submit this form to sign up: https://aka.ms/MPPCGotPowerSignUp We'll contact you if you're selected. Get ready to be onstage! The Spotlight is Yours: Each participant has 3-5 minutes to shine, with insightful commentary from our panel of judges. We’re not just giving you a stage; we’re handing you the platform to make your mark. Be the Story We Tell: Your talents and narratives will not just entertain but inspire, serving as the bedrock for our community’s future stories and successes. Celebration, Surprises, and Connections: As the curtain falls, the excitement continues! Await surprise awards and seize the chance to mingle with industry experts, Microsoft Power Platform leaders, and community luminaries. It's not just a show; it's an opportunity to forge connections and celebrate shared successes. Event Details: Date and Time: Wed Oct 4th, 6:30-9:00PM Location: MPPC23 at the MGM Grand, Las Vegas, NV, USA
The Reading Dynamics 365 and Power Platform User Group is a community-driven initiative that started in September 2022. It has quickly earned recognition for its enthusiastic leadership and resilience in the face of challenges. With a focus on promoting learning and networking among professionals in the Dynamics 365 and Power Platform ecosystem, the group has grown steadily and gained a reputation for its commitment to its members! The group, which had its inaugural event in January 2023 at the Microsoft UK Headquarters in Reading, has since organized three successful gatherings, including a recent social lunch. They maintain a regular schedule of four events per year, each attended by an average of 20-25 enthusiastic participants who enjoy engaging talks and, of course, pizza. The Reading User Group's presence is primarily spread through LinkedIn and Meetup, with the support of the wider community. This thriving community is managed by a dedicated team consisting of Fraser Dear, Tim Leung, and Andrew Bibby, who serves as the main point of contact for the UK Dynamics 365 and Power Platform User Groups. Andrew Bibby, an active figure in the Dynamics 365 and Power Platform community, nominated this group due to his admiration for the Reading UK User Group's efforts. He emphasized their remarkable enthusiasm and success in running the group, noting that they navigated challenges such as finding venues with resilience and smiles on their faces. Despite being a relatively new group with 20-30 members, they have managed to achieve high attendance at their meetings. The group's journey began when Fraser Dear moved to the Reading area and realized the absence of a user group catering to professionals in the Dynamics 365 and Power Platform space. He reached out to Andrew, who provided valuable guidance and support, allowing the Reading User Group to officially join the UK Dynamics 365 and Power Platform User Groups community. One of the group's notable achievements was overcoming the challenge of finding a suitable venue. Initially, their "home" was the Microsoft UK HQ in Reading. However, due to office closures, they had to seek a new location with limited time. Fortunately, a connection with Stephanie Stacey from Microsoft led them to Reading College and its Institute of Technology. The college generously offered them event space and support, forging a mutually beneficial partnership where the group promotes the Institute and encourages its members to support the next generation of IT professionals. With the dedication of its leadership team, the Reading Dynamics 365 and Power Platform User Group is poised to continue growing and thriving! Their story exemplifies the power of community-driven initiatives and the positive impact they can have on professional development and networking in the tech industry. As they move forward with their upcoming events and collaborations with Reading College, the group is likely to remain a valuable resource for professionals in the Reading area and beyond.
User | Count |
---|---|
25 | |
22 | |
22 | |
19 | |
14 |
User | Count |
---|---|
46 | |
32 | |
30 | |
23 | |
21 |