Yo! This is next level dope! The Printing with HTML is something I've been working on and making it look nice has been a process. Thank you for the assist.
Thanks for these wonderful tips. As I author apps for Arabic users, I struggled with right-to-left text direction until I used the HTML control with the
Thanks a lot! This is the kind of control you wished you knew better before... if well used, it can be a real time saver/game changer! I'm thinking about a pop-up "control" made of only 1 HTML text control + a register variable with all the flags, colors, and strings needed. It would be easy to deploy and reuse in different apps. Additionally, I recognize lately I've been using this HTML control instead of the regular table control. It's just lighter and way more customizable.
It's definitely one of those little-known features that is really important to have a good understanding of early on. I have used the HTML control for that exact pop-up type scenario. To your point, it makes it so much easier to deploy and reduces the amount of controls in your app!
Great video April. Thank you for taking the time to put this together, keep them coming. I do have one questions. I see how you added the icon to the HTMLText control by using the URL. Is it possible, and if so how, to add a logo or a graphic that exist in the Media list in a Power App?
April. Thanks for your lesson. I have this Jira link in Power apps that's connected to my SharePoint list, however, the Jira HTML tkt isn't clickable in my Power Apps form. Can you tell me how to get that done?
Thank you for another nice video. In reference of HTML control, Can we change default scroll bar color, width in PowerApps? Gallery, SharePoint Forms all contain scroll bar with default theme. Can we customize that? Any help/ input on this topic ? Thank you
Thanks for the amazing tutorial - that just gave me so many ideas!!!! one question (and I apologize if you already mentioned this in a previous video): how would you generate a shareable link that users can send to a page in the app? Thanks again for your amazing videos!!!!
Hey Sarah! Thanks for watching 😀 I think what you are needing is what we refer to as "deep linking" which I cover in this video: th-cam.com/video/EZyxlYtzqTQ/w-d-xo.html
Awesome Video - especically the HTML controls, however for editing an HTML control, I noticed there is no way to control the Font Family, is this a limitation within Power Apps?
Yes, you can inject formulas in the HTML control within Power Apps. So for example, if you have a div in your html and you want to show/hide it based on a boolean value in your Power Apps you could do the following in the HTML Text Property: "Show your HTML text here.Conditional Logic Text Here "
Great video. I am looking for some thing of this sort. I have a form through which html text gets loaded to a SQL Server column inside a table. I want to convert the html text to plain text (no html headers) while the data gets loaded to the table. DO you have any suggestions for my scenario?
Greetings April, thanks so much! Very helpful as always! Quick one, if I am displaying a barcode (picture) in the html control is there a way I could save this a .png file, much the same way we do with an image control. Much appreciate the help! Kind regards, Sanjiv
Nice video. I tried creating box with shadow effect. What I noticed is when I open the app in iphone, the size of the html box does not resize which leads to a larger box in the screen. I hope you can help me on this.
Your videos are a life saver. Thank you!! For the third use case about printing, is there an easy way to create a file for the entire form itself as it looks on the screen?
Hey - you're welcome! So for the printing, since I released this video there's been some updates. There's now a new Print() function native to Power Apps that you can use. See more here: powerapps.microsoft.com/en-us/blog/print-screens-in-your-canvas-app/
I've a question. I made a table forma a collection, so I want to add the column Subtotal and Total in the HTML text box. How can I achive it? I'm writting here the HTML code: "" & " Título Fecha Cantidad Sucursal Costo Subtotal Total
Hello April! When I use the App in the Browser (Desktop / Android) the image appears in the TextHTML control, but when I use it in PowerApps Android the image does not appear. I am using the TextHTML Control inside a gallery, using the Concat and Substitute Function, code used: If (Connection.Connected; "Images (Click on the image to view in the browser) " & Concat (ThisItem.Anexos; "< a href = '"& Substitute (AbsoluteUri;" ";"% 20 ") &"'> ")). It is possible to orient myself on what I am doing wrong. Thank you very much for your attention.
Hi April, this is great tutorial thanks for sharing. I do have question about the rich text control in canvas app. I am using the control in edit form in power apps and observed that the control doesn't have the ability to insert tables or images where as sharepoint rich text fields have the ability. Is there any other control i use for inserting tables and images. Thanks
You can insert images and tables in the HTML Control. It accepts pretty much anything you can do with HTML which includes handling images with the tag and tables with the tag. Alternatively there is a Rich Text Control in Power Apps you can use
@@AprilDunnam Thanks for your reply. For displaying html control is good and it does show the tables and images. For editing the rich text control doesn't have ability to insert tables and images in canvas app (only model driven app has it) . Here is the documentation from Microsoft. docs.microsoft.com/en-us/powerapps/maker/model-driven-apps/rich-text-editor-control, docs.microsoft.com/en-us/powerapps/maker/canvas-apps/controls/control-richtexteditor.
Hi! amazing video! vey usefull...i have a doubt. Im trying to embed a power app form into an outlook mail, with dinamic options depending on the user. Is that posible ? Thank you so much!!
I don't believe you can embed video in the HTML control within Power Apps. You'll need to use the Video control for that or there is an iFrame PCF control that I have a video of that could work too
Hi April, I want to create a PDF along with QR Code, so I am using google chart QR API. but it renders QR image on HTML page while it is loaded. is that any chance to direct convert HTML text to PDF? or any other solution have you in your mind?
Hi I am trying to work on room entry powerapp with sharepoint, daily user are allow to enter the room within certain limitation, once the limitation has reach, user is not allow to submit the form, any videos I can refer to, need help, thank you.
Can you describe the need a little bit more so I can provide better insight? What are the limitations? Are you envisioning having the user sign in with the app and it checks a data source to see if it meets these limitations first?
@@AprilDunnam. Hi April, thank you for replying. I would like to create an app for COVID-19 usage. each day user have to check in before entering the room. if the number of persons have reached the limitation, say 30 persons daily, the user will be block from check-in, unless someone check-out. user is also allow to book the room in advance..thank you April.
@@silverwhite11 That's a great use case. I don't know of a video or resource out there to tackle that exact scenario. I do have a Power App that I built for a clock in/clock out scenario which I could upload to Github to use as an example though. I really like the idea of modifying it for that scenario though. I might make a video on the template and hopefully that will help
This is a great video and helped me set up my conversion from HTML to PDF. However, now I'm getting an "incompatible type" error and PowerApps is no longer able to connect to the flow. Any idea why this is happening? I've searched Power Platform community and can't find anything.
Have you tried removing and re-adding the flow in your Power App? If you make changes to your Flow after adding it to the app it can have issues. Typically removing/re-adding fixes it
@@AprilDunnam I did! I even re-built a new one and started from scratch. That didn’t work either. I ended up removing the fileLink variable and just having it run the flow and that resolved the issue.
I don't think we can get inline hovers with the HTML control. I've tried to use onmouseover and onmouseout to do that inline but haven't been successful in getting that to work
Hello great video, I’m using a custom for to populate a share point list, the user is be able to attach files, and a workflow create te attached files into a folder and returns a link to the file In a HTMLtext control I’m creating hyperlinks to the files using this Link But when save information and re open to click the link the url changes to content.powerapps.com/sites/App/Documents/file.pdf Do you know how to solve this?
@@AprilDunnam 1 more question when i want to use an picture from in the app in the htmltext is doesnt work () Is it possible or do i think to easy now :)
![[TH] 2024 PMSL SEA Finals D1 | Fall | ยิงต้องโหด ให้เหมือนโกรธกันมาก่อน](http://i.ytimg.com/vi/OnTdfGySmds/mqdefault.jpg)
Yo! This is next level dope! The Printing with HTML is something I've been working on and making it look nice has been a process. Thank you for the assist.
Thanks! I'm so glad it was helpful 😀
Thanks for these wonderful tips.
As I author apps for Arabic users, I struggled with right-to-left text direction until I used the HTML control with the
That's another great use case for the HTML Control Amr!
Thanks a lot! This is the kind of control you wished you knew better before... if well used, it can be a real time saver/game changer! I'm thinking about a pop-up "control" made of only 1 HTML text control + a register variable with all the flags, colors, and strings needed. It would be easy to deploy and reuse in different apps.
Additionally, I recognize lately I've been using this HTML control instead of the regular table control. It's just lighter and way more customizable.
It's definitely one of those little-known features that is really important to have a good understanding of early on. I have used the HTML control for that exact pop-up type scenario. To your point, it makes it so much easier to deploy and reduces the amount of controls in your app!
Thanks for sharing because many Powerapp users didn't know where to use the Html control
..👍
You're welcome!
Thanks for sharing it again.
My pleasure!
Great video April. Thank you for taking the time to put this together, keep them coming. I do have one questions. I see how you added the icon to the HTMLText control by using the URL. Is it possible, and if so how, to add a logo or a graphic that exist in the Media list in a Power App?
love you ideas its just next level .....
Thank you ☺
Wow! Wow! Wow! Just wow. I was blown away. Thank you April!
Glad you liked it!!
This is really nice. Thanks April for the demo
You are so welcome!
Thank you for Sharing
You're very welcome!
Looks great!! Will try to use it..
That's awesome! Looking forward to seeing what you do with it!
Excellent, Thanks you
You're welcome!
Nice Job April. It is an informative article and a pretty useful/handy to.
Keep up the good work.
Thank you!
Great tutorial learned a lot
Thank you - glad it was helpful!
Great learning ressource! Much appreciated!
My pleasure! Thanks for watching!
Excellent demo.
Thank you Roberto!
Nice video!!! it helped me a lot, thanks for your time to prepare this video
You're welcome Eric - glad it was helpful!
Awesome!!
Thanks!
Awesome Always....👍🏼
Thank you! Cheers!
April. Thanks for your lesson. I have this Jira link in Power apps that's connected to my SharePoint list, however, the Jira HTML tkt isn't clickable in my Power Apps form. Can you tell me how to get that done?
Great video. Can the image be referenced if loaded in Media in the app or must it always be external? Outstanding! :-)
Hey Ian - thanks! Absolutely the image can be loaded from the media tab directly in the Power App also!
Hey April, is there a way to convert text into HTML. or at least add and the start/end of each new line.
Thank you for another nice video.
In reference of HTML control,
Can we change default scroll bar color, width in PowerApps?
Gallery, SharePoint Forms all contain scroll bar with default theme.
Can we customize that?
Any help/ input on this topic ?
Thank you
Hello,
Unfortunately to my knowledge, other than showing and hiding we have no control over the scrollbars in Power Apps
Thanks for the amazing tutorial - that just gave me so many ideas!!!!
one question (and I apologize if you already mentioned this in a previous video): how would you generate a shareable link that users can send to a page in the app?
Thanks again for your amazing videos!!!!
Hey Sarah! Thanks for watching 😀 I think what you are needing is what we refer to as "deep linking" which I cover in this video: th-cam.com/video/EZyxlYtzqTQ/w-d-xo.html
Awesome Video - especically the HTML controls, however for editing an HTML control, I noticed there is no way to control the Font Family, is this a limitation within Power Apps?
Wow .. I can now print!
Yeah!!
Great tutorial video! Is there a way to implement conditional formatting in a generated HTML from PowerApps or Flow?
Yes, you can inject formulas in the HTML control within Power Apps. So for example, if you have a div in your html and you want to show/hide it based on a boolean value in your Power Apps you could do the following in the HTML Text Property:
"Show your HTML text here.Conditional Logic Text Here "
Excellent! Thanks for sharing. I hope that would be a topic for your future tutorial videos!
What's the format to write the conditional logic? Let's say, blue font for True and red font for False.
Can you do a video please on adding a footer to pdf file generation in flow
Great video.
I am looking for some thing of this sort. I have a form through which html text gets loaded to a SQL Server column inside a table. I want to convert the html text to plain text (no html headers) while the data gets loaded to the table.
DO you have any suggestions for my scenario?
Greetings April, thanks so much! Very helpful as always! Quick one, if I am displaying a barcode (picture) in the html control is there a way I could save this a .png file, much the same way we do with an image control. Much appreciate the help! Kind regards, Sanjiv
Nice video. I tried creating box with shadow effect. What I noticed is when I open the app in iphone, the size of the html box does not resize which leads to a larger box in the screen. I hope you can help me on this.
You are great. This is Very helpful. May I know if you have some videos that guide us to print form type in power apps?
Hey John - not sure if you've saw it yet but I walk through one way of doing that here: th-cam.com/video/tPAz1vJUe2k/w-d-xo.html
Your videos are a life saver. Thank you!! For the third use case about printing, is there an easy way to create a file for the entire form itself as it looks on the screen?
Hey - you're welcome! So for the printing, since I released this video there's been some updates. There's now a new Print() function native to Power Apps that you can use. See more here: powerapps.microsoft.com/en-us/blog/print-screens-in-your-canvas-app/
@@AprilDunnam thank you!!!!
I've a question. I made a table forma a collection, so I want to add the column Subtotal and Total in the HTML text box. How can I achive it?
I'm writting here the HTML code:
"" &
"
Título Fecha Cantidad Sucursal Costo Subtotal Total
" &
Concat(AllShopping;
"" & Título & "
" & Fecha & "
" & Cantidad & "
" & Sucursal & "
" & Costo & "
" & Subtotal & "
" & Total & "";"") &
""
Great Tips. Thanks, April!
Thanks for watching!
Amazing
Thank you! Cheers!
Hello April!
When I use the App in the Browser (Desktop / Android) the image appears in the TextHTML control, but when I use it in PowerApps Android the image does not appear. I am using the TextHTML Control inside a gallery, using the Concat and Substitute Function, code used: If (Connection.Connected; "Images (Click on the image to view in the browser) " & Concat (ThisItem.Anexos; "< a href = '"& Substitute (AbsoluteUri;" ";"% 20 ") &"'> ")). It is possible to orient myself on what I am doing wrong. Thank you very much for your attention.
Hi April, this is great tutorial thanks for sharing. I do have question about the rich text control in canvas app. I am using the control in edit form in power apps and observed that the control doesn't have the ability to insert tables or images where as sharepoint rich text fields have the ability. Is there any other control i use for inserting tables and images. Thanks
You can insert images and tables in the HTML Control. It accepts pretty much anything you can do with HTML which includes handling images with the tag and tables with the tag. Alternatively there is a Rich Text Control in Power Apps you can use
@@AprilDunnam Thanks for your reply. For displaying html control is good and it does show the tables and images. For editing the rich text control doesn't have ability to insert tables and images in canvas app (only model driven app has it) . Here is the documentation from Microsoft. docs.microsoft.com/en-us/powerapps/maker/model-driven-apps/rich-text-editor-control,
docs.microsoft.com/en-us/powerapps/maker/canvas-apps/controls/control-richtexteditor.
This is great! Thanks!!
Glad it was helpful!
What web site does she mention for icons at marker 3:00 ?
Hey there! Here's the website I mentioned for icons: icons8.com/
@@AprilDunnam Wow, thank you!
Hi! amazing video! vey usefull...i have a doubt. Im trying to embed a power app form into an outlook mail, with dinamic options depending on the user. Is that posible ?
Thank you so much!!
Hmmm I can't say that I know of a way that you could accomplish this right now. What's your use case? Maybe we can think of another way.
Hello April nice video, just wanted to know can we show video using HTML text in PowerApps
I don't believe you can embed video in the HTML control within Power Apps. You'll need to use the Video control for that or there is an iFrame PCF control that I have a video of that could work too
Hi April,
I want to create a PDF along with QR Code, so I am using google chart QR API. but it renders QR image on HTML page while it is loaded. is that any chance to direct convert HTML text to PDF?
or any other solution have you in your mind?
This is realy good video :)
I'm glad you like it!
Hi I am trying to work on room entry powerapp with sharepoint, daily user are allow to enter the room within certain limitation, once the limitation has reach, user is not allow to submit the form, any videos I can refer to, need help, thank you.
Can you describe the need a little bit more so I can provide better insight? What are the limitations? Are you envisioning having the user sign in with the app and it checks a data source to see if it meets these limitations first?
@@AprilDunnam. Hi April, thank you for replying. I would like to create an app for COVID-19 usage. each day user have to check in before entering the room. if the number of persons have reached the limitation, say 30 persons daily, the user will be block from check-in, unless someone check-out. user is also allow to book the room in advance..thank you April.
@@silverwhite11 That's a great use case. I don't know of a video or resource out there to tackle that exact scenario. I do have a Power App that I built for a clock in/clock out scenario which I could upload to Github to use as an example though. I really like the idea of modifying it for that scenario though. I might make a video on the template and hopefully that will help
@@AprilDunnam April, thank you so much appreciate your help.
This is good but it doesn't work. The flow creates the PDF file but no information is passed from the HTML box, ie HtmlText8 in your instance.
This is a great video and helped me set up my conversion from HTML to PDF. However, now I'm getting an "incompatible type" error and PowerApps is no longer able to connect to the flow. Any idea why this is happening? I've searched Power Platform community and can't find anything.
Have you tried removing and re-adding the flow in your Power App? If you make changes to your Flow after adding it to the app it can have issues. Typically removing/re-adding fixes it
@@AprilDunnam I did! I even re-built a new one and started from scratch. That didn’t work either. I ended up removing the fileLink variable and just having it run the flow and that resolved the issue.
@@tracifoster1519 Ah strange. Glad you got it working!
How about inline hover?
I don't think we can get inline hovers with the HTML control. I've tried to use onmouseover and onmouseout to do that inline but haven't been successful in getting that to work
@@AprilDunnam Yeah I tried that too, but it seems not working. Anyway, thanks April.
Hello great video, I’m using a custom for to populate a share point list, the user is be able to attach files, and a workflow create te attached files into a folder and returns a link to the file
In a HTMLtext control I’m creating hyperlinks to the files using this
Link
But when save information and re open to click the link the url changes to
content.powerapps.com/sites/App/Documents/file.pdf
Do you know how to solve this?
Love the vids :), The Navigate(AllTasks) on OnSelect isn't working for me :P
Thx in advance
What is happening? Do you have a screen called AllTasks in the app?
@@AprilDunnam That i missed 😜 and that simple 🙂 Thx gonna work on it in the morning 👍
@@AprilDunnam 1 more question when i want to use an picture from in the app in the htmltext is doesnt work () Is it possible or do i think to easy now :)