web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

Welcome to the Power Platform Communities
News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Apps / View HTML file within ...
Power Apps
Answered

View HTML file within Powerapps from sharepoint

(0) ShareShare
ReportReport
Posted on by stuncer 4

Hello Guys,

 

I'd like to know that is there any way to view Html file content (like tables etc.) within powerapps (something like pdf viewer) without opening browser.

Html file is in Sharepoint Library or attached in sharepoint list item.

 

Would be really appreciated if you could help me out with this.

 

Thanks in advance

Stunc

Categories:
Building Power Apps
I have the same question (0)
  • Ismael_Novo Profile Picture
    Ismael_Novo 308 on at

    Hi Stuncer.

     

    I recommend you to evaluate if the wiki module can meet your needs:

     

    https://sharepoint.stackexchange.com/questions/233502/cant-get-html-file-to-open-in-sharepoint

     

    It doesn't seem ideal but well modeled it can cover your needs.

     

    Best regards.

     

     

  • ST-01081514-0 Profile Picture
    ST-01081514-0 on at

    Hi @Ismael_Novo ,

     

    First of all thanks for the guidance but I need to open&view the html file in power apps application. 

  • Ismael_Novo Profile Picture
    Ismael_Novo 308 on at

    Oh sorry!

     

    In that case I believe it is still not possible to read the file content directly from PowerApps. Most likely you will have to use PowerAutomate to make a flow to get the HTML from the file and then use the HTML TEXT component to display it.

     

    https://powerusers.microsoft.com/t5/Power-Apps-Pro-Dev-ISV/Get-File-Content-From-SharePoint-with-PowerApps/td-p/1440092

     

    Best regards.

     

     

  • ST-01081514-0 Profile Picture
    ST-01081514-0 on at

    Hi @Ismael_Novo 

     

    The example that you've given works %90 :). The only thing missing with it the borders of the table :). 

     

    it suppose to be shown like this; 

    stunc_1-1650004748541.png

     

    But it is reflecting like this; 

    stunc_2-1650004792583.png

     

    any idea how I can see the table borders as well ?

     

    Thanks in advance

    Stunc

     

  • Verified answer
    Ismael_Novo Profile Picture
    Ismael_Novo 308 on at

    Hi Stunc.

     

    It is probably a problem of styles. The HTML component of powerapps has many shortcomings.

    I have had problems using CSS but there is an old tag that can save you:

     

    <body>
<table border = '1'>
<tr>

     

    With that in your file you should see the borders.

     

    Best regards.

     

  • ST-01081514-0 Profile Picture
    ST-01081514-0 on at

    hi @Ismael_Novo ,

     

    here is the html code behind the table that I created,

     

     

    <html>
<head>
<style>
table, th, td {
 border: 1px solid black;
 border-collapse: collapse;
}
</style>
</head>
<body>

<h2 style="font-size:20px">BOYA&İLAÇ HAZIRLAMA FORMU / TREATMENT&CHEMICAL PREPARING FORM </h2>
<br>

<table style="width:50%">
 <tr>
<tr>
 <th align="left">Tarih/Date:</th>
 <td></td>
 </tr>
 <tr>
 <th align="left" style="width: 260px">Process Order No:</th>
 <td></td>
 </tr>
 <tr>
 <th align="left">Çeşit/Variety:</th>
 <td></td>
 </tr>
 <tr>
 <th align="left">Batch No:</th>
 <td></td>
 </tr>
 <tr>
 <th align="left">Tohum Üretim Yılı/Product Year:</th>
 <td></td>
 </tr>
 <tr>
 <th align="left">Tohum Boyu/Size:</th>
 <td></td>
 </tr>
 <tr>
 <th align="left">Tohum Blend/Blend No:</th>
 <td></td>
 </tr>
 <tr class="space under">
 <th align="left">Tohum İhraç Ülkesi/Seed Export To:</th>
 <td>"Ülke"</td>
 </tr> 
</table>
 
<br>
<br>

<table style="width:80%">
 <tr>
 <th style="font-size:10px">1 TON MAL (kg) /İLAÇ (kg-l)
</th>
 <th style="font-size:10px">İLAÇ İSMİ</th>
 <th colspan="3"; style="font-size:10px">İKİ KAZANDA İLAÇLAMADA KULLANILACAK / USAGE QUANTITY FOR TWO CONTAINERS	</th>
 <th colspan="2"; style="font-size:10px">BİR KAZAN İÇİN MİKTARLAR (kg-lt) / CHEMICAL QUANTITY per tank kg / lt	</th>
 <th colspan="2"; style="font-size:10px">İLAÇ MAKİNASININ BİR ATIM MİKTARI / ONE APPLYING DOSE FOR TREATMENT MACHINE	</th>
 </tr>
 <tr>
 <td style="font-size:9px">CHEMICAL kg - lt / ton</td>
 <td style="font-size:9px">CHEMICAL BRAND</td>
 <td colspan="2"; style="font-size:9px">İLAÇ MİKTARI (kg-lt)/CHEMICAL QUANTITY kg/lt</td>
 <td style="font-size:9px">TOHUM MİKTARI ton / SEED QUANTITY ton.</td>
 <td style="font-size:9px"> 8.02</td>
 <td style="font-size:9px">TOHUM MİKTARI</td>
 <td style="font-size:9px">TOHUM / SEED kg</td>
 <td style="font-size:9px">İLAÇ / CHEMICAL (cc)</td>
 </tr>
 <tr>
 <td></td>
 <td></td>
 <td style="width: 150px"></td>
 <td>kg.</td>
 <td rowspan="5"></td>
 <td style="width: 150px"></td>
 <td>kg</td>
 <td></td>
 <td></td>
 </tr>
 <tr>
 <td></td>
 <td></td>
 <td></td>
 <td>kg.</td>
 <td></td>
 <td>kg</td>
 <td></td>
 <td></td>
 </tr>
 <tr>
 <td></td>
 <td></td>
 <td></td>
 <td>kg.</td>
 <td></td>
 <td>kg</td>
 <td></td>
 <td> </td>
 </tr>
 <tr>
 <td></td>
 <td></td>
 <td></td>
 <td>kg</td>
 <td></td>
 <td>kg</td>
 <td></td>
 <td></td>
 </tr>
 <tr>
 <td></td>
 <td></td>
 <td></td>
 <td>kg.</td>
 <td></td>
 <td>kg</td>
 <td></td>
 <td></td>
 </tr>
 <tr>
 <td colspan=2" rowspan="2"| style="font-size:10px">TOPLAM</td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td>.</td>
 </tr>
 <td>.</td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 <td></td>
 </tr>
</table> 
</body>
</html>

     

    Don't you think that the code covers? 

    table, th, td {
 border: 1px solid black;
 border-collapse: collapse;
}

     this is html btw I did not use CSS

     

    Thanks 

    Stunc

  • Verified answer
    Ismael_Novo Profile Picture
    Ismael_Novo 308 on at

    When you use the HTML tag <style> or style="xxx" that's CSS inside HTML.

     

    Go to your TABLE tag an add my code. I don't know if every other style tags will work well. At this point we depend on what the PowerApps component can do.

     

    Kind regards.

  • ST-01081514-0 Profile Picture
    ST-01081514-0 on at

    Hi @Ismael_Novo 

    thank you so much, this is perfectly working. 

    appreciated

    thanks

    stunc

  • amankumar0031 Profile Picture
    amankumar0031 4 on at

    html base component
    1. Shadow box
    2. Background Color Change
    3.Graident Color, Gradient Direction, Gradient Color Input
    4.Border , Border Type, Border Color, Border Width
    5.Border Radius with all Separate Corner Value
    6.Margin property with all 4 separate view
    7.Shadow property with Shadow color , X and Y Value, blur & spread
    8.Button - Shadow Box Turn to html Base Button with all Shadow Box Properties
    link:-
    github - https://github.com/kumaraman0031/Powerapps-ShadowBox
    https://www.youtube.com/watch?v=2y0uqEagLpE&t=18s

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Welcome to the Power Platform Communities

Quick Links

Season of Sharing Community Challenge Winners!

Congratulations to our community stars!

Kudos to our 2025 Community Spotlight Honorees

Expanding mentorship, skilling, and AI innovation

Congratulations to the July Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Apps

#1
WarrenBelz Profile Picture

WarrenBelz 356 Most Valuable Professional

#2
11manish Profile Picture

11manish 225 Super User 2026 Season 2

#3
Mohsin Ali Profile Picture

Mohsin Ali 211

Last 30 days Overall leaderboard

Featured topics

Auto-Populate field Power Pages
Gallery Tabs - Show or Hide Tabs based on Field Value
How to patch multiple records at once
Enable Copilot for end users in model-driven apps
Question for everyone : How are you using Create Text GPT in AI Builder?
Community content - sample components, blogs etc. - Link to this page (http://aka.ms/PCFdemos)
Welcome to the Power Apps forum!

Product updates

Microsoft Power Platform Community release plans