cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
cjs321
Level: Powered On

Powerapps - HTML - PDF

Hi,

 

After lots of youtube tutorials, i can successfully get data + images to show from powerapps onto a PDF.

 

I am working on a new app as a temporary Clock In System.

 

The problem is, when the PDF is generated, it shows in Portrait mode (see attached PDF) and cuts off my table. I need to force it to be Landscape. 

 

Is this possible? and how would i do it?

 

Thankyou Smiley Happy

 

Kind Regards,

 

Connor Simpson

3 REPLIES 3
Super User
Super User

Re: Powerapps - HTML - PDF

Hi @cjs321 

 

Can you share more details about how you are creating the pdf? is this done using a flow? Please share more specifics about the application, so that we may help you better.
 
which helps you export data in the pdf form from Powerapps.
 

Hope this Helps!

 

If this reply has answered your question or solved your issue, please mark this question as answered. Answered questions helps users in the future who may have the same issue or question quickly find a resolution via search. If you liked my response, please consider giving it a thumbs up. THANKS!

cjs321
Level: Powered On

Re: Powerapps - HTML - PDF

Hi @yashag2255 ,

 

Please see attached image for my flow. (For now it is very simple becuase i want to designed the HTML / PDF first).

 

For the Concat function, here is my expression: 

concat('<!DOCTYPE html>
<html>
<head>
<p>head of html</p>
<meta name="viewport" content="width=device-width, initial-scale=50.0">
</head>
<style type="text/css" media="print">
.tg {border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg .tg-dbbi{font-weight:bold;font-size:15px;border-color:inherit;text-align:center;vertical-align:top}
.tg .tg-8jvv{font-size:15px;border-color:inherit;text-align:left;vertical-align:top}
.tg .tg-ygzf{font-weight:bold;font-size:15px;text-align:center;vertical-align:top}
.tg .tg-cbs6{font-size:15px;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
.tg .tg-amwm{font-weight:bold;text-align:center;vertical-align:top}
.page
{
-webkit-transform: rotate(-90deg);
-moz-transform:rotate(-90deg);
filterSmiley TonguerogidSmiley Very HappyXImageTransform.Microsoft.BasicImage(rotation=3);
}
</style>
<body>
<table class="tg" style="undefined;table-layout: fixed; width: 1075px">
<colgroup>
<col style="width: 98px">
<col style="width: 100px">
<col style="width: 104px">
<col style="width: 100px">
<col style="width: 126px">
<col style="width: 112px">
<col style="width: 109px">
<col style="width: 326px">
</colgroup>
<tr>
<th class="tg-dbbi">Day</th>
<th class="tg-dbbi">Date<br>DD/MM/YY</th>
<th class="tg-dbbi">Start Time</th>
<th class="tg-ygzf">End Time</th>
<th class="tg-ygzf">Regualr <br>Hrs.</th>
<th class="tg-ygzf">Overtime <br>Hrs.</th>
<th class="tg-ygzf">Total <br>Hrs.</th>
<th class="tg-ygzf">Reason for Non-Swipe</th>
</tr>
<tr>
<td class="tg-8jvv">Monday</td>
<td class="tg-8jvv">datemonday</td>
<td class="tg-8jvv">startmonday</td>
<td class="tg-cbs6">endmonday</td>
<td class="tg-cbs6">regularmonday</td>
<td class="tg-cbs6">overtimemonday</td>
<td class="tg-cbs6">totalmonday</td>
<td class="tg-cbs6">reasonfornonswipemonday</td>
</tr>
<tr>
<td class="tg-cbs6">Tuesday</td>
<td class="tg-cbs6">datetuesday</td>
<td class="tg-cbs6">starttuesday</td>
<td class="tg-cbs6">endtuesday</td>
<td class="tg-cbs6">regulartuesday</td>
<td class="tg-cbs6">overtimetuesday</td>
<td class="tg-cbs6">totaltuesday</td>
<td class="tg-cbs6">reasonfornonswipetuesday</td>
</tr>
<tr>
<td class="tg-cbs6">Wednesday</td>
<td class="tg-cbs6">datewednesday</td>
<td class="tg-cbs6">startwednesday</td>
<td class="tg-cbs6">endwednesday</td>
<td class="tg-cbs6">regularwednesday</td>
<td class="tg-cbs6">overtimewednesday</td>
<td class="tg-cbs6">totalwednesday</td>
<td class="tg-cbs6">reasonfornonswipewednesday</td>
</tr>
<tr>
<td class="tg-cbs6">Thursday</td>
<td class="tg-cbs6">datethursday</td>
<td class="tg-cbs6">startthursday</td>
<td class="tg-cbs6">endthursday</td>
<td class="tg-cbs6">regularthursday</td>
<td class="tg-cbs6">overtimethursday</td>
<td class="tg-cbs6">totalthursday</td>
<td class="tg-cbs6">reasonfornonswipethursday</td>
</tr>
<tr>
<td class="tg-cbs6">Friday</td>
<td class="tg-cbs6">datefriday</td>
<td class="tg-cbs6">startfriday</td>
<td class="tg-cbs6">endfriday</td>
<td class="tg-cbs6">regularfriday</td>
<td class="tg-cbs6">overtimefriday</td>
<td class="tg-cbs6">totalfriday</td>
<td class="tg-cbs6">reasonfornonswipefriday</td>
</tr>
<tr>
<td class="tg-cbs6">Saturday</td>
<td class="tg-cbs6">datesaturday</td>
<td class="tg-cbs6">startsaturday</td>
<td class="tg-cbs6">endsaturday</td>
<td class="tg-cbs6">regualrsaturday</td>
<td class="tg-cbs6">overtimesaturday</td>
<td class="tg-cbs6">totalsaturday</td>
<td class="tg-cbs6">reasonfornonswipesaturday</td>
</tr>
<tr>
<td class="tg-cbs6">Sunday</td>
<td class="tg-cbs6">datesunday</td>
<td class="tg-cbs6">startsunday</td>
<td class="tg-cbs6">endsunday</td>
<td class="tg-cbs6">regularsunday</td>
<td class="tg-cbs6">overtimesunday</td>
<td class="tg-cbs6">totalsunday</td>
<td class="tg-cbs6">reasonfornonswipesunday</td>
</tr>
<tr>
<td class="tg-0lax"></td>
<td class="tg-0lax"></td>
<td class="tg-0lax"></td>
<td class="tg-amwm">Weekly Totals</td>
<td class="tg-0lax">weektotalregularhrs</td>
<td class="tg-0lax">weektotalovertimehrs</td>
<td class="tg-0lax">weektotalhrs</td>
<td class="tg-0lax"></td>
</tr>
</table>
</body>
</html>')
 
Thannks Smiley Happy
cjs321
Level: Powered On

Re: Powerapps - HTML - PDF

Hi @yashag2255 ,

 

Please see a better screenshot of my flow attached.

 

Kind Regards,

 

Connor Simpson

Helpful resources

Announcements
firstImage

Microsoft Business Applications Virtual Launch Event

Join us for an in-depth look at the new innovations across Dynamics 365 and the Microsoft Power Platform.

firstImage

Watch Sessions On Demand!

Continue your learning in our online communities.

Power Platform 2019 release wave 2 plan

Power Platform 2019 release wave 2 plan

Features releasing from October 2019 through March 2020

FirstImage

Power Platform World Tour

Coming to a city near you

thirdimage

PowerApps Community User Group Member Badge

Fill out a quick form to claim your user group badge now!

FourthImage

Join PowerApps User Group!!

Connect, share, and learn with your peers year-round

Top Kudoed Authors
Users Online
Currently online: 108 members 3,313 guests
Please welcome our newest community members: