Power Apps SVG make your apps prettier and easier to use
Vložit
- čas přidán 6. 09. 2024
- In this video, you will learn to use Power Apps SVGs to make prettier and easier to use apps. These small HTML controls let you do everything from make scalable images to full fledge animated visuals. Imagine Power BI style visuals in Power Apps without all of the extra licensing. Cool stuff!
w3Schools SVG www.w3schools....
SVG Tutorials tutorials.jenko...
Download the app from the Power Apps curated library at training.power...
Took me quite some time to get my version of the circle to work with 4 colors building up on each other. And also why your radius is 15,91549... clever!
Thanks Mike. Some of the SVG stuff feels like 🚀 science.
а чому такий радіус?
ага зрозумів r = 100/(2π)
I have to hide this from my clients. I'm busy enough as it is! But its cool and I'll end up adding it to my apps.
Enjoy Bob. 😎
Thanks for showing me this. I'm going to try designing a progress bar for my app.
Awesome. Go build something awesome and make me proud. 😍
your face when you changed it to 10 lol! As always, awesome stuff! Thank you 😊
🐶 Trying to make Chewy proud.
Svg is always super fun! Thanks Shane !! 👏👏👏👏👏👌👌👌✌
I agree! Enjoy 😁
Thanks a million, @Shane for sharing this video as I was trying to make this work for many months. You really come with great content all the time.
Chewy (@30:23): Shane, we need to have a serious discussion. When have I ever been ugly???
Cheers for the video, Shane, being able to download the file by subscribing to the curated library it's a great perk!
Adi I have to keep Chewy on his toes. 😁 Thanks for all of your support and you fun comments. They make me smile as I respond to the 500 or so I get a month. 😮
Learned so much stuff today, thanks for sharing!
My pleasure!
Hello Shane,
As Usual Great video (already saved it for the future ;) ) .
I don't know if the others would be interested, but me for sure: when u create an app the first step is to decide Tablet or phone layout, but in the size settings you can turn of the fixed size (as per the crisis communication template app of Microsoft). I've created alreade a "Dynamic" sized and object positioned app, and it was quite painful, to make every object x,y,w,h in with formulas. I think it would be a great subject for a video from you :) no pressure (pleeeeeeeeease show how you would takle this :D )
Cheers !
😁 Yeah, I tried to make video covering that once and I wasn't happy with it so I never released it. I do need to revisit the topic. It is very MANUAL.
Shane Young you are the best !! All the work I have done in powerapps is because of your training videos. Amazing as always !!!!!! I do have a question: Is it possible to have an exam simulator with timer in powerapps and store results in sharepoint list ?
Yea. If you look I have a video on a Quiz app that should give you some ideas
@@ShanesCows thank you Sir.
Awesome video, Shane, thanks!
When are we going to have a live view of Chewy ? :-)
I am working on some ideas for just this. 😀
Hi Shane, great video!!, it help me a lot!!
Greetings from France
Awesome. 😎
Thanks Shane as usual. It could be used for a draw a planning (like a hotel Booking ?)
I don’t see why not.
@@ShanesCows can you explain to me how. Think about it for a new tutorial.....:)
Great video....loving getting my nerd on!
That is because you and I are NERDS sir. 🤓
Hey Shane, at first thank you for all your videos ... I learned all about creating PowerApps with your tutorials. BEST MAN :) But now I have a Problem with the SVG's ... I will use the SVGs as Icons, so on my PC everything works fine. On AppStart I create a collection with all SVGs, I give them a name and load them into a gallery on the Menu I need... As I said on the PC everything is fine but ob the mobile device the SVGs are not shown. Also I have the problem hat the Gallery height will be reduced to minimum (i think because of the missing SVG Picture) Do you have an idea what should I do now ?!
Greetings from Germany
BR
Dennis
Hello Shane! Thanks for the informative video on svg images. I'm having trouble passing the image with the svg-data to flow. Any advice or help on this matter would be great!
John I haven't tried. Have you tried this technique? czcams.com/video/3QaiM8SeWfM/video.html It should work in my head but not sure.
@@ShanesCows I couldn't find a way of saving "rich" SVG images. Even after modifying the MIME and content, it wouldn't pass it.
The method I ended up with was exporting a PDF of a container with text-labels and other icons, before using the OneDrive Convert to turn it into a JPG.
Thanks for taking your time to reply to my question, Shane!
great!! Excellent information. thanks for sharing
My pleasure!
Excellent
Thanks 🙏
You could never "overpay" Chewy . . . he's worth every penny. :0)
Agreed 🐶🥰
Awesome as usual Shane! My app looks nice, but it could definitely stand a spruce up! On a side note, I know you don't generally cover Power Automate very much, but I just discovered today there is such a thing as a 'trigger condition' for a Flow, hidden within the settings of the Trigger, and you can specify that the flow only run if a particular column is set to a specific value. I have jumped all sorts of hoops, using lookup conditions within PowerApps, combined with a reference list separate from my main list attached to galleries in my app, to stop the dreaded 'When an item is created or modified' trigger from running every damn time anyone makes any edit to a list item in Power Apps, only to discover trigger conditions are a thing. Would you consider doing a PSA video for the community on this?
That is brand new. I will see if I can't add that to my list to cover. 😎
@@ShanesCows Awesome! It has saved me a bucket load of wasted flow runs, and simplified the logic for for my flows (and by extension, my app). And right now, at least, if you Google 'How to stop my flow from running by adding a condition' most reference material, blog posts and forum posts still say 'You have to add a condition as an Action *after* the flow has started running' which doesn't solve the problem.
You have to Google 'Flow Trigger Conditions' for it to appear as a top result, which of course means you have to know what it's called in the first place.
@@ShanesCows Oh - bonus tip to avoid a problem I created in my logic (and very obvious in hindsight). My trigger condition looks for a 'true' value in a Yes/No Column in Sharepoint. In most scenarios, you likely need to append an 'Update Item' Action to the end of your Flow that sets the value of that yes/no column back to 'false', after it's done everything you need it to. Sharepoint will warn you that you may be creating an infinite loop, but you can ignore the warning. If you've set it up correctly, it won't be a problem.
@@threewiseman1 you can also just add a conditional statement right after the trigger, If column = yes, [do nothing in that branch], else run the rest of the flow
@@Hoserzzz Yes, I mention that in my 2nd comment, but that means you could be running a flow that does absolutely nothing every time an item is modified or created in a list. You don't want that. That will eat up your flow run allocation attached to your licence in no time. Trigger conditions are absolutely the way to go in this scenario.
As usual, great stuff Shane! It has been challenging for me to display an SVG inside a pdf document generated from PowerApp data using Power Automate. E.g. logo of a company. Any solution for generating a pdf doc with a scalable logo to avoid blurriness?
Hmmm... I haven't tried but I don't doubt that the conversion process doesn't support SVG but to be fair I haven't tried either.
Twinkle twinkle PowerApps ⭐️
🤩
Thanks alot
Could I transfer text from textinput to image ?
Not sure what you mean. Sorry
@@ShanesCows I need to display text from label or text input in images control
( the text will be as image )
Hi Shane, I always check your videos, they helped me a lot, thanks for your time on this. I did test the SVG and it work, but it is not working on Power Apps Player for Windows 10. It does work on Android, iOS and web browser on windows 10, but not the player. Do you happen to know why or if there is any solution for this? Thanks...
I haven’t tried. Interesting but not surprising
Thanks a lot! Shane, when I used powerapps form convert to pdf the form has a dynamic change logo based on the department and on HTML format how to set this variable image(logo) based on the department, means if departmen=A, image=img1, else if department =B, imgage=img2, else if deparment=C, image=img3.... if you have an Idea if the condition on powerapp html develop share with me.
I replied to your other comment on this.
Hello Shane. I have a questions related to PowerApp Generated emails. I have created an HTML message that is sent when the customer clicks the submit button. In the HTML message I would like information from the problem ticket they submitted that is from dropdown table fields. For instance. The priority they assigned it High, Medium, or Low. The Device hat has the problem A, B, C, etc. I know this is probably the easiest operation to do but I cant find anything on it. Can you point me to which of your videos explains how to pull out the selected vaule from a dropdown table and display it please? Many thanks in advance.
Bon. HTML is nothing more than Text. So your formula you could be "....Field: " & dropdown.selected.value & "more html"
Thanks for this useful and great video. But to get the Yoda status you have to make the real Chewy growing by a slider, kkkkk
If you have seen his belly you would know he can't grow anymore. 😂
Hi Shane. Does the SVG display properly when applications are opened from android or iOS?
Yes
Great Video!
Having many dots flying around in my app now :D
Does anyone has an idea if i can have something like "for each" functions in those scripts?
for example i want to have one circle for each item in my sharepoint list (wihout using galleries)
PowerApps doesn't have a for each but it does have a ForAll. czcams.com/video/0xZ4fMJbLvk/video.html
Hi Shane, loved the show, very informative and your skill to pass the knowledge is extremely good :D. Also I was just wondering, why animation in preview mode works fine but on production (when user uses opens it) it just loads and animation doesn't happen. It just displays svg in the final state. If you have any idea why this occurs.
Solved it :D sorry for posting
Glad you got it!
Awesome 👍😃
Glad you like it.
Have um tried to make a Line chart with SVG? Because the power apps line chart does not show a time scale ( on x for exemple) and as my day is dynamic, I don’t want to do it I’m power bi.
I haven’t tried. I do not see why couldn’t
*data
*in
Sorry for the corrector
I am having problems to invert the data, because the axis are different from the traditional. Good suggestion for a next video 😁
PS: your videos are the best
Hi Shane,
Will Svg work for offline app?
I am not sure, I haven't tried.
Hi Shane,
Your videos are great
I am a subscriber, so I was able to download the app and import it into my environment. When I change the percentage of Chewy exercises, the animation (green circle) flickers which is not the case in the video.
Do you know where the difference comes from?
Thanks
Hmm... Not sure. When I use this for customers they usually aren't manually changing it, so we don't get the flick of OnChange. If you want them to change it themselves you might have to think about a variable for telling it not to process until all of the data has been updated.
Has the xmlns 'www.w3.org/2000/svg' changed to something different?
I just double checked and that is what I have in my image control.
@@ShanesCows Thanks for your reply. I've come so close to getting the donut to work. I must be missing something as I can't get the animation to initiate. I'm not sure if I missed something but is there a formula on the toggle switch?
Nerdy is good. We need more nerdy, please.
Nerdy is always fun. 🤓 Thanks!
Hello sir
please can you help in powerapps birthday app
i want to filter todays birthday list in powerapp from sharepoint list
i used this formula : filter(datafile,birthday date =today()))
but this formula filter this year birthday
sharepoint list name : Birthday list
Name Birthdate
Mahesh 28/06/1950
Rohan 23/09/2019
Rahul 28/06/2010
display birthday list in powerapps screenautomatically
filter(datafile,birthday date =today())) but this formula filter this year birthday
You would need to do a Text function to get the dates into mm/dd form. Probably not delegable.