More! Make Power Apps UI/UX like SharePoint Quickly Part 2!

Опубликовано: 26 Октябрь 2024
на канале: Andrew Hess

876

This Video is Part 2! To Check Out Part 1, here is the first video:
• Lets Make Power Apps UI/UX like Share...

UI/UX is Important in Power Apps! People get tired of the bland Power Apps that all look the same. In this video we start using some of the known UI/UX look and feel from Classic SharePoint. We recreate the "..." options with Edit and Delete.

btnOverlay(The button that is hidden and shows HoverFill):

OnSelect Property:
Select(Parent);UpdateContext({varMenu:false});UpdateContext({varEdit:View});UpdateContext({varButtonVis:true})

Visible Property:
If(ThisItem.IsSelected,varButtonVis,true)

btnEdit:
OnSelect:
Select(Parent);If(ThisItem.IsSelected,UpdateContext({varEdit:Edit}));UpdateContext({varMenu:false});UpdateContext({varButtonVis:false})

btnDelete:
Select(Parent);Remove(ProjectTasksList,ThisItem)

btnShare:
Select(Parent);Navigate(Screen3,Fade);

Screen1 OnVisible:
UpdateContext({varEdit:View});UpdateContext({varButtonVis:true}); UpdateContext({varMenu:false})

The Send An Email Button:
/*Create semicolon separated list of people to email, send the email, reset subject & message fields*/
Set(_emailRecipientString, Concat(MyPeople, Mail & ";"));
Office365Outlook.SendEmail(_emailRecipientString, TextEmailSubject1.Text, TextEmailMessage1.HtmlText, {Importance:"Normal", IsHtml:true});
Reset(TextEmailSubject1);
Reset(TextEmailMessage1);
Clear(MyPeople);
Back()

Chapters
0:00 Introduction
0:30 The Variables I Skipped Over Last Video
4:25 Creating the Delete Button
5:29 Creating the Share Button
6:15 Using the Email Template
7:30 HTML for the Email
8:21 Oops! HTML code came in the email
9:07 The correct Email