Power Apps Example using Canva for Design + Full Build

Подписаться 163 тыс.

Просмотров 13 тыс.

50% 1

Let's make a pretty Power Apps app and show everything from end to end. 😍 We use Canva and Pixabay to get our imagery right. Then we use Containers to line things up nicely. Add in some conditional formatting and this PowerApps Example is about perfect. Oh, and did I mention we also show a Patching trick we haven't shown before? This video is a touch long but has a bit of everything.
0:00 Power Apps Example using Canva for Design + Full Build
1:16 Power Apps Example Shopping or To-do list
2:27 Create a blank Phone app
2:50 Using Canva to create a Power Apps Screen background image and get some colors for your app
7:30 Create a gallery screen
8:16 Create a new SharePoint list from Excel
10:07 Setting up the app in a Solution with environment variables
12:41 Using Pixabay to grab images for the app and then making them clickable
15:10 Making a soft background image
20:00 Making a screen for viewing and editing the records using vertical containers and horizontal containers
33:26 Making the records editable with varRecord
41:00 Adding a new record using Patch and varRecord with Defaults
Power Apps Consulting and training at www.PowerApps911.com

Наука

Опубликовано:

21 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 45

@BrazierPaul Год назад

Hi Shane, Another great video, I especially liked the hack for setting var record to the default. That's certainly one for my armoury. I tend to use the following method to achieve the same result. It uses a horizontal container to stack the controls vertically and it all lines up nicely without the need for the maths or trying to remember the numbers. It's responsive too. 1. Create a horizontal container with wrap enabled. 2. Set its height to Parent.Height, its width to Parent.Width, its X and Y to 0 3. Add left and right padding to the container. 4. Set the width of each of the wider controls to: Parent.Width - Parent.PaddingLeft - Parent.PaddingRight 5. Set the with of the half-width controls to: (Parent.Width - Parent.PaddingLeft - Parent.PaddingRight - Spacer.Width)/2, where 'Spacer' is an empty container such as you used with its width set to 2*Parent.PaddingLeft or some other suitable value. It has the added bonus of using fewer container levels and it's responsive but are there any downsides? Regards, Paul

@calummaclean309 Год назад

Thanks Shane. Some great tips here especially for those of us who just aren't great at design. I think I would have simply put 2 vertical containers inside a horizontal container for the side by side fields rather than using a standard container as a dummy. I seem to end up with lots of containers in containers as I try to make apps responsive for use in Teams or a browser. I'm sure it will get easier with practice.

@brendensalter8608 Год назад

Thank you Shane, you have inadvertently confirmed that the method I was using for container use and control was correct! It's good to know I'm using the same method as the pros! :)

@ShanesCows Год назад

Excellent!

@philipmarno4989 Год назад

Shane, this was a great video and the timing was great also. Many thanks

@ShanesCows Год назад

Thanks Philip. I love hearing when things help and are timely. A double win. 😎

@spen2431 Год назад

Nice one Shane. Thank You 🎄🎄🎄🎄🎄🎄🎄🎄

@ShanesCows Год назад

🎄⛄️⛄️🎅

@paolovr1970 Год назад

Thanks Shane 🙏🙏🙏

@ShanesCows Год назад

Happy to help. I use Canva all of the time now. 🤩

@freakysumit Год назад

This is brilliant Shane. Loved the way you used Canva and pixabay and explained concepts end to end. Could you do more videos with more advanced content using dataverse with more custom components and also creator kit will be nice

@ShanesCows Год назад

Noted. Thanks :)

@patrick2131 Год назад

I didn't realize that you could patch a default value with that technique. Love it!

@ShanesCows Год назад

Isn't that cool. The fun of watching the whole video, never know what I will sneak in. 😁

@RegalEase Год назад

@@ShanesCows For real...I did not know about the Reset property. Thanks for that!

@reyesreagan Год назад

love it!!

@ShanesCows Год назад

Thanks 😊

@lukasbleile7294 Год назад

Hi Shane, is it theoretically possible to upload a document to a power app? So you could upload an exel table to the app function and that you can then make data from the table in text fields or upload exel table in the textbook program and then update the student list? I like your power!

@jenskemeijs Год назад

Hi Shane, The Set(varName, defaults(TableName)) is really great! I'm going to use that trick for sure 😄😄 But I was wondering, is it possible to give varName a value for a specific column and for all the other columns from the table the defaults value --> empty ? And why would you make a variable varReset in the "OnVisible"-property from the screen, which you then put in all the 'Reset' properties from the inputs? Wouldn't it be easier to just put in de 'OnVisible' property of the screen 'Reset(input1); Reset(input2) etc.' ? I think that lowers the odd of forgetting to give 'Reset'-property of one of the inputs the variable varReset. If you disagree with that, could you please explain me why it is better to use a variable varReset? (At least, both are better than what I had in the first place: to reset all the inputs in both the 'Home'-button, as in the 'Back-button' as in the 'Next-screen-button'.... That was a lot of work 😅) Thanks for your reply! 🎅 Miss Meijs 🐶

@DiogoXerez Год назад

Great Vid!! Shane, is it possible to make an app that can mount a image of a user uploaded picture with a template image?

@BryanBrown-gx6ss Год назад

Another great video Shane--thank you so much for sharing your knowledge. I love the tip on creating a new record by setting varRecord to Defaults. Is there a simple way to then reference that new record similar to the LastSubmit function when working with forms?

@ShanesCows Год назад

Not sure. I do so little with forms I haven't tried. In theory you should be able to put varRecord in a form's item property. Don't know what it will do it if it blank but sounds like fun for you to try :)

@BryanBrown-gx6ss Год назад

@@ShanesCows I thought a little more after posting. I ended up setting my Title in a variable varTitle prior to running the patch and ensured it was unique by adding Now() to the end. Then after patching the new record using varTitle I set varRecord to the new record using a LookUp where Title = varTitle. You made me the PowerApps man I am today :) Thanks again for all your help. (btw. I wasn't trying to use a form, I was trying to mimick the LastSubmit function when creating a new record via Patch)

@johnbrennan8442 Год назад

Great stuff as usual Shane please remind me again why you set the reset variable to false first then true please

@ShanesCows Год назад

John it is just something goofy about the way it works. It has to be toggled, just setting it to true, if it is already true doesn't work.

@larryjburgess Год назад

When you turn off the scroll bar and turn on ShowNavigation, Is there a way to resize the navigation buttons? I'm working in landscape mode and the scroll up/down buttons are fairly large and sometimes overlay the data in the gallery.

@ShanesCows Год назад

Not that I know of Larry

@alanmcconachie Год назад

Great Video. Is there a reason when transitioning to the Edit screen you used Set rather than passing a context variable as part of the Navigate command? As far as I could see you didn't use the record again outside the edit screen so wondered if there is another reason, that I don't know about, why you preferred to use a global variable via the extra Set command.

@ShanesCows Год назад

Bad habits die hard. Generally if I am using a variable on two screens, even if just passing from 1 screen to another I use Set. I should do as you say but... I just don't. 😑 Your way is more performant.

@alanmcconachie Год назад

@@ShanesCows Phew I'm not doing anything wrong. I'm still quite new to this so just wanted to check my understanding was correct and I wasn't missing anything. Still learning lots from these videos and there are a few tricks here I'm looking forward to implementing in my own projects.

@aishwaryaj7786 Год назад

Hi,, is there any method that we can get a request count of that particular entry . Example : we got shopping website it has many products. So 1 product can be sold or ordered several times. I want a count of each products request . Like for example if 1 customer orders Apple.the order request to tht product would be 1 ,if another 10 customer ordered same product the product count would be 1+10= 11 .Can you please make a video or explain about it. (In canvas app)

@ShanesCows Год назад

Check out this video. It is Check-in and Check-out but in doing so I manage the inventory level which is what you want to do. I think it will help you. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-HTY8AnMz5rw.html

@Paul___L Год назад

Just yesterday I was setting colours based on values for R, G And B... And at the time annoyed I couldn't just use the hex... THANK YOU!

@ShanesCows Год назад

I saw Paul, that is why I made this. 😂 No, I am not actually spying on you, that would be creepy. 😂

@Paul___L Год назад

@@ShanesCows ha! I'd prefer if you could spy on the backlog list and solve problems before I do! Fun oddity, I used get user department to tell me which brand users were in and colour code the app accordingly! Its more 2 finger at the brand team rather than a legitimate requirement... I do like the more abstract puzzles!

@aishwaryaj7786 Год назад

Hi, is there any method that we can get a request count of that particular entry . Example : we got shopping website it has many products. So 1 product can be sold or ordered several times. I want a count of each products request . Like for example if 1 customer orders Apple.the order request to tht product would be 1 ,if another 10 customer ordered same product the product count would be 1+10= 11 .Can you please make a video or explain about it. (In canvas app)

@ShanesCows Год назад

@aishwaryaj7786 Год назад

@@ShanesCows Thank you soo much ☺. Yes I'll go through it.

@BukephalosDE Год назад

When i saw a video of shane that has "DESIGN" in the title, i expected to see some of the ugliest interfaces known to mankind, along with a lot of interesting stuff. I was not disappointed :-D Thanks for the Videos, Shane!

@ShanesCows Год назад

It is as pretty as I get. 🤣