Requirement:Power Apps View A PDF Stored In A SharePoint Document Library
Create a new SharePoint document library called SP Document and upload PDFs to it. Also upload at least one additional file that is not a PDF for testing purposes.
Create a New Blank Canvas app insert a label at the top of the screen to use as a titlebar with the text “PDF Viewer”. Then add SharePoint document library to the app as a DataSource.
Create a blank vertical gallery Choose SP Document as the datasource. Then add 2 new labels to the gallery to display information about the PDFs.
Text Property: ThisItem.Modified
Text Property: ThisItem.File name with extension
Add an image to the gallery to make a better look for pdf and document using the formula That EndsWith function checks the file extension at the end of the filename. Then it uses the SVG code from this free Power apps icon set to draw the image.
Image property:
If(
// checks the file extension
EndsWith(ThisItem.'File name with extension', "pdf"),
// pdf icon
"data:image/svg+xml;utf8, %3Csvg%20%20viewBox%3D%270%200%202048%202048%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M1920%201664h-128v384H128v-384H0V640h128V0h1243l421%20421v219h128v1024zM1408%20384h165l-165-165v165zM256%20640h1408V512h-384V128H256v512zm1408%201024H256v256h1408v-256zm128-896H128v768h1664V768zM448%20896q40%200%2075%2015t61%2041%2041%2061%2015%2075q0%2040-15%2075t-41%2061-61%2041-75%2015h-64v128H256V896h192zm0%20256q26%200%2045-19t19-45q0-26-19-45t-45-19h-64v128h64zm448-256q53%200%2099%2020t82%2055%2055%2081%2020%20100q0%2053-20%2099t-55%2082-81%2055-100%2020H768V896h128zm0%20384q27%200%2050-10t40-27%2028-41%2010-50q0-27-10-50t-27-40-41-28-50-10v256zm384-384h320v128h-192v128h192v128h-192v128h-128V896z%27%20fill%3D%27%23d13438%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E",
// file icon
"data:image/svg+xml;utf8, %3Csvg%20%20viewBox%3D%270%200%202048%202048%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M1243%200l549%20549v1499H128V0h1115zm37%20219v293h293l-293-293zM256%201920h1408V640h-512V128H256v1792zm256-896V896h896v128H512zm0%20256v-128h896v128H512zm0%20256v-128h896v128H512z%27%20fill%3D%27%237a7574%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E"
)
Add The PDF Viewer Control To The App.Now the list of PDF files to open the next step is to add a pdf viewer control to the app. Place the PDF viewer. It will display Lorem Ipsum text until we supply a PDF from the SharePoint document library.
Create a Instant Power Automate flow. Take a Trigger as Power Apps(V2) and provide a input to the trigger as Document1. Click on Next step and add an Get file content from SharePoint, provide site address and file name Document1.Add one more action Compose input write the below expression
datauri(base64ToBinary(body(‘Get_file_content’)?[‘$content’]))Add an Respond to a PowerApps or flow action from power apps on this Provide input as Result and Output from compose as shown in below Screenshot
Add Power automate flow to the power apps .When an employee selects a PDF file from the list a flow runs to retrieve the data URI from the SharePoint document library.
Gallery- OnSelect Property:
Set(varDocumentcurrent,GetDataURI.Run(Gallery.Selected.Identifier).result)
The final step is to load the PDF viewer with the variable storing the PDF’s data URI.
Document Property: VarDocumentCurrent