cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Jakegolden
Helper III
Helper III

HTML to PDF strange issue

So I have no idea what's going on or why.

 

I am currently experiencing issues with spacing on my pdf. The issue is only when I "PLAY" the App and it is not an issue when I am inside editing the app.

 

Below is my header while I am inside editing the App and I trial test my converting to PDF

 

 

Jakegolden_0-1637777915502.png

 

 

 

Now below is when I leave the edit screen. Go back to the main PowerApps screen and I click play on my APP and try converting to PDF.

 

Jakegolden_1-1637778245067.png

 

 

 

 

Why am I experiencing a difference when theoretically nothing has changed? Shouldn't the play feature inside of editing be the same as playing the app from the main screen?

 

 

And yes I have checked it 1000 times that I am using the most current publication of my App. 

1 ACCEPTED SOLUTION

Accepted Solutions
jblomberg
Helper II
Helper II

Hi again, @Jakegolden,

 

I put together an app real fast, so I'm aware that it doesn't exactly match your scenario, but I think you might wanna import this zip file for inspiration.

 

Also, in turn, my inspiration for the PDF page breaks came from Shane Young. Check out this video:

Power Automate PDF Page Breaks

 

I think you should be a little closer to your goal, but you'll need to finetune the html a little more. The video is very useful to find out how and what you should finetune exactly. You'll find the html code in the Let's Export! button on the last screen, btw.

 

Good luck!

 

- JBlomberg

 

PS. The second zip file is just the flow, without the app. If the Demo-file imports everything correctly, you don't really need it, but I thought I'd add it anyway.

View solution in original post

7 REPLIES 7
jblomberg
Helper II
Helper II

Hi @Jakegolden !

 

I'm currently working on a huge HTML to PDF conversion project, so I've run into pretty much anything and think I can help you.

Please tell us some more details, like:

- What controls are we looking at? 

- How are you converting HTML to PDF?

 

and most importantly... show the HTML-code. I'm sure it can be fixed, but using html in PowerApps comes with limitations that you have to learn to work-around.

 

- jblomberg

Jakegolden
Helper III
Helper III

Hello @jblomberg 

Thank you for the reply,

I will start from the beginning so you understand what I am working with and the need for HTML to PDF.

 

I have around 10 screens of approximately 20ish data cards per screen. Each screen is made available to the User based on a prior selection board. So for example, on my "selection board" there is Screen 1-10 as choices. User selects - Screen1,Screen2,Screen7. Now the User will be prompted to fill out the data cards for screen 1,2,7. 

Now my pdf will only show screens 1,2,7 BUT it cannot show the other 7 screens on the pdf. I also needed each screen on a separate pdf page. So for this example I would have 3 pages on my PDF - 1,2,7.

 

Below is my work around code for the html within PowerApps to only display certain screens/datacards

 

If(
!IsBlank(DataCardValue1.Selected.Value),
"1. This is my question for the datacard" & DataCardValue1.Selected.Value & "<br>"

 

As you can see my data cards on every screen have a question and a selection tied to them. So in my case one you make a selection on any data card, it will show on the html. If no selection is made, the question is skipped and not added on the html. I have wrote this code for every single data card on all 10 screens. Because the user can only access screens from the selections on the selection board, this negates all questions on non-selected screens to show on the HTML.  

 

 

Now onto my HTML to PDF conversion. 

 

I tried many different variations at the beginning, but this route was the easiest to get off the floor with the least amount of hassle. But with this current issue it may be time to revisit.

 

I am currently doing a very basic conversion where my Power Automate flow is inserting html code into a pre structured code. 

 

 

concat('<!DOCTYPE html>
<html>
<head>
<style>
table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 2px;
}
</style>
</head>
<table>
  <tr>
    <td>', triggerBody()['Createfile_FileName'] , '</td>
  </tr>
</table>')
 
The red font is my insertion of data from PowerApps.
 
 
 
Quite a bit to take it, and I appreciate all the help. It is just bizarre to me that all of the above works perfectly to my need while I am editing the App and playing the App within edit mode. But as soon as I am outside of the editing mode it no longer works.
jblomberg
Helper II
Helper II

Hi @Jakegolden!

 

Perhaps it would've been easier to save the data users enter into a collection, but it sounds like the 'data collecting' part of your app works fine.

 

Some more questions that arise:

  • First of all: is this still a problem, because it's been a few weeks, lol
  • If so, I wonder how you're trying to get the content of each data card on a separate page in your PDF-document. The html code you provided doesn't do that. PDF page breaks are a pain in the ass, that's for sure. Doable, but whenever possible, it's best to avoid them.

I tried your html in Power Automate, entered "VALUE FROM DATACARD HERE" as Datacard1.Selected.Value and I got this:

jblomberg_0-1639511863484.png

And actually, it's supposed to do that, right? At least with the html you provided, it is.

 

In Power Automate it looks like this:

jblomberg_1-1639512133905.png

 

So, last question: what is it exactly you're trying to do? You've come pretty close in explaining, but I miss the information about the button in Power Apps that activate this flow + its parameters. Furthermore it'd be helpful to see what you got in Power Automate.

Hey @jblomberg 

 

So I have actually side lined the issue and have not worried much about it. But needed to circle back if I found any solutions. You are correct, the page break is a pain in the ass, haha. 

 

My only work around I have found was creating "spacing" within the html text on PowerApps. For example after the set of questions and I need the page break, I will use <br><br><br>,etc. to create the spacing needing to push the next set of questions to a new page. 

 

What I found was while in the App editing, the spacing works correctly and pushes the next set of data to the second page, with my questions at the top of the page (this is what I need). But when I would try doing the same thing playing the App, it would basically create the spacing before my questions and after. This is why in my pictures above, the second picture is spaced half way down the page, because its providing the spacing before and after. I am still not sure why its only doing this when playing vs editing.

 

Perhaps I need to create a whole new method and trash my current route. That is if you have any ideas. 

 

To answer your question on the PowerApps button to activate the flow. I built it quite simple. I have a HTML text box that has all my questions with the code I previously listed (in the last reply), along with that <br> spacing. My button is then submitting the html text into the line triggerBody()['Createfile_FileName']

 

For what I am trying to do. I have multiple forms that are needing to be spit out into a pdf. Each form needs its own page. And yes the data storage works correctly. I have it stored to a SharePoint list so the User has the ability to Save and Load data. 

 

 

jblomberg
Helper II
Helper II

Hi again, @Jakegolden,

 

I put together an app real fast, so I'm aware that it doesn't exactly match your scenario, but I think you might wanna import this zip file for inspiration.

 

Also, in turn, my inspiration for the PDF page breaks came from Shane Young. Check out this video:

Power Automate PDF Page Breaks

 

I think you should be a little closer to your goal, but you'll need to finetune the html a little more. The video is very useful to find out how and what you should finetune exactly. You'll find the html code in the Let's Export! button on the last screen, btw.

 

Good luck!

 

- JBlomberg

 

PS. The second zip file is just the flow, without the app. If the Demo-file imports everything correctly, you don't really need it, but I thought I'd add it anyway.

Jakegolden
Helper III
Helper III

Hey @jblomberg 

 

Sorry just getting around to this and thank you very much for the info. It appears as that info will work. On another note, my "page breaking" by adding <br> has appeared to have corrected itself over time and I am no longer experiencing the weird spacing before and after..

But nevertheless I am transitioning the projecting by implementing the above formatting to keep it cleaner. 

 

Thank you for your help. 

hemrhk
Responsive Resident
Responsive Resident

Please see the following post helps in converting the screen to PDF form.

 

https://365stack.in/index.php/2021/09/17/powerapps-print-form-to-pdf/ 

Helpful resources

Announcements

November 2023 Community Newsletter

Welcome to our November Newsletter, where we highlight the latest news, product releases, upcoming events, and the amazing work of our outstanding Community members. If you're new to the Community, please make sure to follow the latest News & Announcements and check out the Community on LinkedIn as well! It's the best way to stay up-to-date with all the news from across the Power Platform and beyond.        This month's highlights:- - Our most active community members- Microsoft Power Up Program- Microsoft Community Days website - The latest blogs and more                 COMMUNITY HIGHLIGHTS Check out the most active community members of the last month. These hardworking members are posting regularly, answering questions, kudos, and providing top solutions in their communities. We are so thankful for each of you--keep up the great work! If you hope to see your name here next month, just get active! FLMikePstork1Nived_NambiarWarrenBelzSprongYeManishSolankiLaurensMwskinnermlcAgniusExpiscornovuscreativeopinion KatieAUinzil2kHaressh2728hafizsultan242douicmccaughanwoLucas001domliu   Power Up Program Click the image below to discover more about the amazing Microsoft Power Up Program, as Reem Omar, Abbas Godhrawala, Chahine Atallah, Ruby Ruiz Brown, Juan Francisco Sánchez Enciso, Joscelyne Andrade Arévalo, Eric G. and Paulina Pałczyńska share how non-tech professionals can successfully advance into a new career path using Microsoft #PowerPlatform.   To find out more about this amazing initiative, click here to apply for the program and reboot your journey into low-code app development today!     Community Days - Event Website Have you checked out the Community Days website yet? Dedicated to the volunteer community organizers around the world, Community Days is the perfect place to find an event near you or add an event for wider exposure. Many thanks to Thomas Daly, Sharon Weaver, Sedat Tum, Jonathan Weaver, Manpreet Singh, David Leveille, Jason Rivera, Mike Maadarani, Rob Windsor and the team for all their hard work. Anyone can host a Community Day on any topic relevant to our industry, just click the image below to find out more.       EVENT NEWS Power Platform French Summit - Paris/Virtual - 6-7th Dec It's not long now until the Power Platform French Summit, which takes place both virtually and in-person at the Microsoft France conference center in Paris on 6-7th December 2023. If you can't make it in-person, all sessions will also be broadcast on virtual networks for better distribution and accessibility.   There's a fantastic array of speakers, including Jérémy LAPLAINE, Amira Beldjilali, Rémi Chambard, Erika Beaumier, Makenson Frena, Assia Boutera, Elliott Pierret, Clothilde Facon, Gilles Pommier, Marie Aubert, Antoine Herbosa, Chloé Moreau, Raphaël Senis, Rym Ben Hamida, Loïc Cimon, Joséphine Salafia, David Zoonekyndt, Aïcha Charpentier, Henry Jammes, Milene Rochard, Mehdi EL YASSIR, and many more. Click the image below for more information.       LATEST COMMUNITY BLOG ARTICLES Power Apps Community Blog Power Automate Community Blog Copilot Community Blog Power Pages Community Blog

Unlocking the Power of Community: A Journey with Featured User Group leaders Geetha Sivasailam and Ben McMann

In the bustling world of technology, two dynamic leaders, Geetha Sivasailam and Ben McMann, have been at the forefront, steering the ship of the Dallas Fort Worth Power Platform User Group since its inception in February 2019. As Practice Lead (Power Platform | Fusion Dev) at Lantern, Geetha brings a wealth of consulting experience, while Ben, a key member of the Studio Leadership team at Lantern, specializes in crafting strategies that leverage Microsoft digital technologies to transform business models.   Empowering Through Community Leadership Geetha and Ben's journey as user group leaders began with a simple yet powerful goal: to create a space where individuals across the DFW area could connect, grow their skills, and add value to their businesses through the Power Platform. The platform, known for its versatility, allows users to achieve more with less code and foster creativity.   The Power of Community Impact Reflecting on their experiences, Geetha and Ben emphasize the profound impact that community engagement has had on both their professional and personal lives. The Power Platform community, they note, is a wellspring of resources and opportunities, fostering continuous learning, skill enhancement, and networking with industry experts and peers.   Favorite Moments and Words of Wisdom The duo's favorite aspect of leading the user group lies in witnessing the transformative projects and innovations community members create with the Power Platform. Their advice to aspiring user group leaders? "Encourage diverse perspectives, maintain an open space for idea-sharing, stay curious, and, most importantly, have fun building a vibrant community."   Building Bridges, Breaking Barriers Geetha and Ben encourage others to step into the realm of user group leadership, citing the rewarding experience of creating and nurturing a community of like-minded individuals. They highlight the chance to influence, impact, and positively guide others, fostering connections that extend beyond mere technology discussions.   Joining a User Group: A Gateway to Growth The leaders stress the importance of joining a user group, emphasizing exposure to diverse perspectives, solutions, and career growth opportunities within the Power Platform community. "Being part of such a group provides a supportive environment for seeking advice, sharing experiences, and navigating challenges."   A Year of Milestones Looking back at the past year, Geetha and Ben express pride in the group's growth and global participation. They recount the enriching experience of meeting members in person at the Microsoft Power Platform conference, showcasing the diverse range of perspectives and guest speakers that enriched the community's overall experience.   Continuous Learning on the Leadership Journey As user group leaders, Geetha and Ben recognize the continuous learning curve, blending interpersonal skills, adaptability, and dedication to foster a vibrant community. They highlight the importance of patience, persistence, and flexibility in achieving group goals, noting the significance of listening to the needs and suggestions of group members.They invite all tech enthusiasts to join the Dallas Fort Worth Power Platform User Group, a thriving hub where the power of community propels individuals to new heights in the dynamic realm of technology.

Back to Basics Tuesday Tip #10: Community Support

This is the TENTH post in our ongoing series dedicated to 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 feature new 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: All About Community Support   Whether you're a seasoned community veteran or just getting started, you may need a bit of help from time to time! If you need to share feedback with the Community Engagement team about the community or are looking for ways we can assist you with user groups, events, or something else, Community Support is the place to start.   Community Support is part of every one of our communities, accessible to all our community members.     Power Apps: https://powerusers.microsoft.com/t5/Community-Support/ct-p/pa_community_support Power Automate: https://powerusers.microsoft.com/t5/Community-Support/ct-p/mpa_community_support Power Pages: https://powerusers.microsoft.com/t5/Community-Support/ct-p/mpp_community_support Copilot Studio: https://powerusers.microsoft.com/t5/Community-Support/ct-p/pva_community-support   Within each community's Community Support page, you'll find three distinct areas, each with a different focus to help you when you need support from us most.     Community Accounts & Registration is the go-to source for any and all information related to your account here in the community. It's full of great knowledge base articles that will help you manage your community account and know what steps to take if you wish to close your account.  ●  Power Apps  ●  Power Automate  ●  Power Pages, ●  Copilot Studio      Using the Community is your source for assistance with everything from Community User Groups to FAQ's and more. If you want to know what kudos are, how badges work, how to level up your User Group or something else, you will probably find the answers here. ●  Power Apps   ● Power Automate    ●  Power Pages  ●  Copilot Studio      Community Feedback is where you can share opportunities, concerns, or get information from the Community Engagement team. It's your best place to post a question about an issue you're having in the community, a general question you need answered. Whatever it is, visit Community Feedback to get the answers you need right away. Our team is honored to partner with you and can't wait to help you!   ●  Power Apps  ● Power Automate   ● Power Pages   ● Copilot Studio  

Microsoft Ignite 2023: The Recap

What an amazing event we had this year, as Microsoft showcased the latest advancements in how AI has the potential to reshape how customers, partners and developers strategize the future of work. Check out below some of our handpicked videos and Ignite announcements to see how Microsoft is driving real change for users and businesses across the globe.   Video Highlights Click the image below to check out a selection of Ignite 2023 videos, including the "Microsoft Cloud in the era of AI" keynote from Scott Guthrie, Charles Lamanna, Arun Ulag, Sarah Bird, Rani Borkar, Eric Boyd, Erin Chapple, Ali Ghodsi, and Seth Juarez. There's also a great breakdown of the amazing Microsoft Copilot Studio with Omar Aftab, Gary Pretty, and Kendra Springer, plus exciting sessions from Rajesh Jha, Jared Spataro, Ryan Jones, Zohar Raz, and many more.     Blog Announcements Microsoft Copilot presents an opportunity to reimagine the way we work—turning natural language into the most powerful productivity tool on the planet. With AI, organizations can unearth value in data across productivity tools like business applications and Microsoft 365. Click the link below to find out more.     Check out the latest features in Microsoft Power Apps that will help developers create AI-infused apps faster, give administrators more control over managing thousands of Microsoft Power Platform makers at scale, and deliver better experiences to users around the world. Click the image below to find out more.     Click below to discover new ways to orchestrate business processes across your organization with Copilot in Power Automate. With its user-friendly interface that offers hundreds of prebuilt drag-and-drop actions, more customers have been able to benefit from the power of automation.     Discover how Microsoft Power Platform and Microsoft Dataverse are activating the strength of your enterprise data using AI, the announcement of “plugins for Microsoft Copilot for Microsoft 365”, plus two new Power Apps creator experiences using Excel and natural language.       Click below to find out more about the general availability of Microsoft Fabric and the public preview of Copilot in Microsoft Fabric. With the launch of these next-generation analytics tools, you can empower your data teams to easily scale the demand on your growing business.     And for the rest of all the good stuff, click the link below to visit the Microsoft Ignite 2023 "Book of News", with over ONE HUNDRED announcements across infrastructure, data, security, new tools, AI, and everything else in-between!        

Back to Basics Tuesday Tip #9: All About the Galleries

This is the ninth post in our series dedicated to 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 feature new 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!     Today's Tip: All About the Galleries Have you checked out the library of content in our galleries? Whether you're looking for the latest info on an upcoming event, a helpful webinar, or tips and tricks from some of our most experienced community members, our galleries are full of the latest and greatest video content for the Power Platform communities.   There are several different galleries in each community, but we recommend checking these out first:   Community Connections & How-To Videos Hosted by members of the Power Platform Community Engagement  Team and featuring community members from around the world, these helpful videos are a great way to "kick the tires" of Power Platform and find out more about your fellow community members! Check them out in Power Apps, Power Automate, Power Pages, and Copilot Studio!         Webinars & Video Gallery Each community has its own unique webinars and videos highlighting some of the great work being done across the Power Platform. Watch tutorials and demos by Microsoft staff, partners, and community gurus! Check them out: Power Apps Webinars & Video Gallery Power Automate Webinars & Video Gallery Power Pages Webinars & Video Gallery Copilot Studio Webinars & Video Gallery   Events Whether it's the excitement of the Microsoft Power Platform Conference, a local event near you, or one of the many other in-person and virtual connection opportunities around the world, this is the place to find out more about all the Power Platform-centered events. Power Apps Events Power Automate Events Power Pages Events Copilot Studio Events   Unique Galleries to Each Community Because each area of Power Platform has its own unique features and benefits, there are areas of the galleries dedicated specifically to videos about that product. Whether it's Power Apps samples from the community or the Power Automate Cookbook highlighting unique flows, the Bot Sharing Gallery in Copilot Studio or Front-End Code Samples in Power Pages, there's a gallery for you!   Check out each community's gallery today! Power Apps Gallery Power Automate Gallery Power Pages Gallery Copilot Studio Gallery

Visit the Community Lounge at Microsoft Ignite!

Are you attending Microsoft Ignite in Seattle this week? If so, we'd love to see you at the Community Lounge! Hosted by members of our Community team, it's a great place to connect, meet some Microsoft executives, and get a sticker or two. And if you're an MVP there are some special opportunities to meet up!     The Community Lounge is more than just a space—it's a hub of activity, collaboration, and camaraderie. So, dive in, explore, and make the most of your Microsoft Ignite experience by immersing yourself in the vibrant and dynamic community that awaits you.Find out the schedule and all the details here: Community Lounge at Ignite! See you at #MSIgnite!    

Top Solution Authors
Top Kudoed Authors
Users online (3,198)