- Видео 8
- Просмотров 8 815
The Power Apps Guy
Добавлен 27 окт 2024
Power Apps Modern Card Gallery Control Using Fluent 2 Design | Fluent 2 Component
Today's video is a continuation of a video where we built the Fluent 2 Card control in Power Apps. We will use the Fluent 2 card control to build a gallery of cards which pulls data from a data source. This way, each card does not have to be individually created.
We also check out some cool features like creating auto height and auto width properties on our component! Hope you enjoy.
View the video on the single card here:
ruclips.net/video/Q9M7ZRXyD_4/видео.html
Time stamps:
00:00 Intro
00:35 Creating the new component
01:16 Inserting the gallery
01:58 Creating custom properties
09:16 Inserting the card controls
10:54 Creating an AutoHeight property
15:00 Creating an AutoWidth property
16:40 Testi...
We also check out some cool features like creating auto height and auto width properties on our component! Hope you enjoy.
View the video on the single card here:
ruclips.net/video/Q9M7ZRXyD_4/видео.html
Time stamps:
00:00 Intro
00:35 Creating the new component
01:16 Inserting the gallery
01:58 Creating custom properties
09:16 Inserting the card controls
10:54 Creating an AutoHeight property
15:00 Creating an AutoWidth property
16:40 Testi...
Просмотров: 921
Видео
Power Apps Modern Card Control Using Fluent 2 Design | Fluent 2 Component
Просмотров 2,3 тыс.14 дней назад
In today’s video we recreate a fully responsive Fluent UI 2 Card control in Power Apps. This is a sleek looking control to display data for a single object. The goal of this is to create a reusable, responsive control using components and modern controls. Part 2 - Modern Card Gallery using Fluent 2 Design ruclips.net/video/XDJUClyBaSw/видео.html View the Fluent UI 2 Card design page: fluent2.mi...
Generate Custom Survey Links for Free in Microsoft Forms and Power Apps!
Просмотров 25128 дней назад
A recent update to Microsoft Forms now gives us the ability to create unique survey links. These can then be used to track the completion status of a survey sent to an individual person. Today we explore one possible solution to take advantage of this update using Power Automate and Power Apps, and hopefully this will spur some ideas that you can use in your own solutions!
Create and Download Reports from Word Documents Directly in Power Apps!
Просмотров 1,7 тыс.Месяц назад
Today's video will focus on two powerful components created by Richard A Wilson. His Github links are below, as well as the link to his website. DocxTemplates - github.com/rwilson504/PCFControls/tree/master/DocxTemplatesCanvas Canvas File Downloader - github.com/rwilson504/PCFControls/tree/master/CanvasFileDownloader www.richardawilson.com MIME Type for Docx files: application/vnd.openxmlformat...
Power Apps Modern Table Control - New Features for October 2024!
Просмотров 2,1 тыс.Месяц назад
In this video, we look at some new features with the Modern Table control in Power Apps. These definitely bring some much needed usability to the control. #PowerApps #PowerPlatform
Power Apps: Fixing the Refresh Bug with Modern Tables
Просмотров 1,1 тыс.Месяц назад
In this video, we tackle a common issue with the Modern Table control in Power Apps where the table fails to refresh due to its height. I’ll guide you through identifying this bug and provide step-by-step instructions on how to fix it so your table updates as intended. #PowerApps #PowerPlatform
My man, I send surveys out to a lot of folks monthly via Forms for internal users, but you have solved the biggest issue I had with external users. Sure, we can ask for them to enter in their email, hoping that they respond back with the same email, or that they type it in right, but eh. My only concern would be the user changing the response ID to something like "Okay". Any other thoughts on how to reduce human errors?
I have come across another issue, when i select an item from the row i am assigning it to a variable and then navigating to form screen. Bit when i click home button to home screen it again takes me to the form screen with the same selected item.
Hi there! Here’s a fix for your issue that I’ve given to a couple people. I’ve been using this for a couple months since I’ve always had problems with it re-selecting when the screen loads. 1. In your OnSelect property, add this to the end of your current formula: UpdateContext({ctxTableFix: true});UpdateContext({ctxTableFix: false}) 2. In your table’s Items property, add this as one of your Filter function arguments: ctxTableFix = true || ctxTableFix = false || IsBlank(ctxTableFix) Doing these two things will create a context variable called ctxTableFix, and adding this to your filter will basically cause the table to force an update whenever you select a record (because ctxTableFix will change from either blank to true or false to true, then right back to false). Forcing that update will deselect the current record (which you won’t have seen since you’ve navigated away), and when you return back to the screen it should no longer have a record selected. Let me know if that works for you!
@PowerAppsGuy Hey there. thanks for the reply. I have already put this and has been working for me. But now when i have edited the app and republished, it some times takes couple of seconds to refresh the table with true/false, by that time i get redirected to forms screen. Very frustrating. I should have gone with gallery for production app but this table control was very interesting
Indeed it's very useful information. Thank you very much sharing with us.
Glad it was helpful! Thank you for commenting 🙏
Thank you for this great content and update. 🙏🏽
You bet! Thanks for the support!
Very neat trick, thanks for sharing it
Glad you enjoyed, I hope you get to use it in an app!
can the same control be use in MDP as well please?
I have not tested this in Model Driven Pages, but I can’t think of anything that would prevent this from working there! I’d say give it a shot!
@@PowerAppsGuy I shall indeed. Thanks for getting back.
Short and to the point, I like it.
Great tutorial.
Glad you liked it!
If you're interested in the gallery/carousel/repeating version of this control, check out the follow up video linked below! ruclips.net/video/XDJUClyBaSw/видео.html
This was seriously cool. Thanks for sharing :)
Glad you enjoyed! :)
Awesome solution! Thank you.
Wow! Thank you for sharing so much information in this video. I'm creating a repeating gallery of exactly these cards, looking forward to the next video.
You are so welcome! The next video will definitely be a fun one. :-) It’s unfortunate that we can’t use components like this inside galleries, but we’ll work around that as you are probably doing!
@@PowerAppsGuy That was exactly what I discovered. I am developing a safety app for employees. It will have a small overview section with some stats at the top, then I wanted to load random fluent tiles with dynamic data on them from a SharePoint list that contain application tips and safety tips. I didn't want to load them all and I wanted them to be random like real apps.
hello, good video. I have created something similar using Content Control Text fields in MS Word. My problem was how to fill all rows for each order for example without using a premium connector. I had to create a template in word similar like you, send the data using PA and then when I open the word file, the details are inside a control text. I have to use a macro to separate each row. I could see your solution and how it works and I have a question. Does your solution let send a dynamic image (stored in a list) to insert in your word template? I had this problem too, i had to create a macro (in word) to convert base64 string to image object in word. In my template I have header and footer to enumerate the pages. I needed to show the page number in pdf. I didn't find a better solution to solve my problem in that moment. So, muy solution consists in a power app and a word template with macros. I appreciate any comments and thank for your video.
Hello! Glad you enjoyed the video. Sorry for the late response. You can indeed send a dynamic image to insert into the word template. You would need to add a placeholder to your Word document for where your image should be inserted (so something like {contosoImage} in your header and footer depending on the image from your Sharepoint list). You would then pass in the image data when you populated the Word template. You would add the following to the JSON that populates the template: contosoImage: { type: "image", source: JSON(<insert your image here>, JSONFormat.IncludeBinaryData), format: "image/png", width: <width in px>, height: <height in px> } Where I have "insert your image here", you would need to reference your image field from your Sharepoint list. If you're selecting something from a gallery or table, you might use something like Table.Selected.ImageField. I hope that helps!
How to use select all rows in the table in web version? I see this option available only for the mobile view.
Hello! There’s no select all option on the table yet when viewed in the desktop version. You can select one item, hold shift on your keyboard, then select another row lower in the table to select all the rows in between. With that in mind you can select the first row in the table, hold shift on your keyboard, then select the last row of the table to select all the rows at once. Hope that helps!
“I have an issue with modern tables. I have a SharePoint list with a multi-person column. For it to display correctly, I need to reformat my table in PowerApps, using a calculated column to specify the multi-person column. However, when I do this, my table no longer recognizes how many items I’ve selected, and as a result, I can’t access those items. Have you experienced this issue as well?”
Hello there! I just tested this out and see the same issue you are having with a multi-select person column having the values disappear in the table control. One workaround I've just done is to do the following: In the items property of your table control, use the AddColumns function to add a new column containing the information you want to display from your person column. In this case we'll also use the Concat function to concatenate all the display names from our selected Persons. AddColumns(datasource, personDisplayName, Concat(ThisRecord.personColumn, DisplayName,", ")) In the above formula: datasource = your Sharepoint list personDisplayName = the name of your new column that you're adding with the AddColumns function. You can change this to whatever you like. ThisRecord.personColumn = this should be the column in your Sharepoint list that contains the multi-select person field. DisplayName = this is the field from the person column that you want to expose. In this case, I just wanted to show the display name of the person. After inputting this into your table items field, you'll then need to add the new column to your table to display it. This avoids having to create a calculated column in Sharepoint and does it all within the Power App. The selection features in the table should work properly with this method as well. Thanks!
@ Thank you for your prompt response. However, my issue was not displaying the multi-person column in my table. I managed to do that. My problem is that as soon as I change the Items property-such as using an AddColumns or something similar to display the column-my rows are no longer counted. So, when I select multiple items on the left, I can’t see how many rows were selected. The CountRows function for this table then no longer works.
Apparently currency columns are not working. It displays correctly in studio but not in live page.
There are many bugs still with the modern controls but they are fixing more and more every week. Hope you enjoyed the video!
I see you have a searchbox in this example. I'm experiencing some strange unexpected behaviour when I use a searchbox. On first load the items in the table dynamically filter out when I type a character (or multiple characters) using the "Trigger output - Keypress" on the input field. So far so good, however. Once 1 select 1 row in the table the focus of the searchfield gets "lost". Now i have to manually put the focus on the searchbox for every character i type. Do you happen to experience the same thing?
Hey there, I unfortunately experience the same issue. This is being caused by a cell in the table being selected (which you can tell once you click on a row that the cell has a black border). There isn't currently a way to clear this while staying on the same screen. The only way I have found to fix this is to have something in your OnSelect property of the table that takes you away from the current screen. Think of something like selecting a row taking you to another screen to edit that row on a form. When you return back to your screen with the table, the cell should be unselected. This also has a side effect of triggering the OnSelect of the table when you navigate back to the table screen, so you'll need to add two lines of code to your table: 1. In your OnSelect property, add "UpdateContext({ctxTableFix: true}); UpdateContext({ctxTableFix: false})". This creates a context variable and sets it to true, then immediately sets it to false. You can put this after whatever action you take in your OnSelect property, so if you're navigating to a different screen you could put this after your navigate function. 2. In the Items property of your table, assuming you're using a filter function on a data source, you'll want to add the following as one of your filter function arguments: "ctxTableFix = true || ctxTableFix = false || IsBlank(ctxTableFix)" This will cause the table control to refresh itself when ctxTableFix changes in value, so basically it will unselect the row that you clicked on since it sees the value changing to true then back to false. This will stop the OnSelect function of the table from being triggered when you navigate back to the screen containing your table. I know that's a lot of hoops to jump through but I hope that helps!
@PowerAppsGuy not as crazy as ChatGPT though. It's workarounds for similar problems are using timers, it proposed timers for double click action on a row as well 😅 But thanks for looking into it. I'll try and describe the problem as well as I can to MS support. Same functionality in combination with the classic table does work as you'd expect it to.
Awsome! Thank you very much for showing the workaround!
Very useful content, simple and easy to follow. Keep the videos coming!
The new update broke my apps with triggering the OnSelect property once it has been pressed once. Example: I have a screen with a modern table control. OnSelect stores the item in a variable "varSelectedItem" and then navigates to another screen where the corresponding Form for that variable is displayed. Pressing a button which calls the Back() function, navigates back to the previous screen where the modern table control was but the OnSelect property is triggered automatically as soon as the screen becomes visible, returning to the form once again. Had to restore to previous version temporarily until I find a workaround. Multiselect is probably the single most important update which opens a new world of posibilities. Once the filter button becomes available, there will be less need to even have a filter dropdown anymore. Keep up the great content!
@@svenmeyer2901 Glad you liked the video! Here’s a fix for your issue with the OnSelect property. I’ve been using this for a couple months since I’ve always had problems with it re-selecting when the screen loads. 1. In your OnSelect property, add this to the end of your current formula: UpdateContext({ctxTableFix: true});UpdateContext({ctxTableFix: false}) 2. In your table’s Items property, add this as one of your Filter function arguments: ctxTableFix = true || ctxTableFix = false || IsBlank(ctxTableFix) Doing these two things will create a context variable called ctxTableFix, and adding this to your filter will basically cause the table to force an update whenever you select a record (because ctxTableFix will change from either blank to true or false to true, then right back to false). Forcing that update will deselect the current record (which you won’t have seen since you’ve navigated away), and when you return back to the screen it should no longer have a record selected. Let me know if that works for you!
Finally someone who found a workaround! I have been trying to pinpoint the issue myself and noticed that if the modern table control is set to List, then filters work. Also noticed that when running the app on a lower resolution monitor and shrinking the screen the filter would work. Seeing your video now explains why :)
How do you format the money column like this? I've tried countless times but to no avail. Thanks for the video!
Hey there! You’ll need the format of the column in your data source to be currency. In this case it is a column in Dataverse set as currency. Keep in mind you introduce complexity using the currency column type, so I would almost recommend against utilizing it unless you have a specific use case.
After looking into this more, it appears the table refresh happens when there are 15 or more list items visible in the table (without scrolling), which on some screens might not necessarily be 717. You might have to play around with that height value to see what works best on your machine.
Great video thanks for sharing this
Glad you enjoyed it!
How did you get the "Enable multi-select" property to show in the modern table? It is not available in my apps.
Hey there! I've just uploaded a new video walking through this. It was added in an update this week, and I review some of the changes to the control that this update brought including the multi-select property. ruclips.net/video/E0SefPwLFuM/видео.html
@@PowerAppsGuy Thank you!