April 27, 2024

SamTech 365

PowerPlatform, Power Apps, Power Automate, PVA, SharePoint, C#, .Net, SQL, Azure News, Tips ….etc

Power Apps – Users’ Cards

“Your Power Apps applications should have an attractive user interface (UI).”

By only using the out-of-the-box controls of Power Apps, I was able to create various user profile card variations without the need to build a custom component with PCF.

This free to use collection of components, is available from Git hub, and allows use to insert nice looking profile cards in your Power Apps Canvas Applications.

Large Vertical Cards

The large vertical cards show:

  • The user profile picture
  • The user’s full name
  • Job Title

You have two available controls:

Basic – Large Vertical Card

This card has the following input parameters:

  • User Email
  • Border Radius

Gradient Background – Large Vertical Card

This card has the following input parameters:

  • User Email
  • varColorGradient1 (hex value)
  • varColorGradient2 (hex value)
  • Border Radius

Horizontal Cards with Job Title

Another variation of these cards is the horizontal card with Job title

Basic – Horizontal Card with Job Title

Gradient Background – Horizontal Card with Job Title

 

Minimalist Cards

These cards only display the user’s profile picture and full name

Get these cards for free!

 

Download the .msapp file from –> https://github.com/samirlogisam/PowerApps—User-Profile-Card

Import the app in your environment, or import only the components to your existing app. And voila, enjoy it 😋