Enhance your Power Apps

In our earlier blog, we saw how to create a simple & basic Power App. In this blog, I will share some tips on enhancing some of the features. We will cover the below features today –

• Name the landing page of the app
• Show the logged-in User
• Enhance Gallery Experience

First thing first – 

1. Always follow a naming convention – It will be easy for you and your team to read and update when some enhancement is required. 
2. Always write comments in your Power apps – It will be easy to read and understand the code as well helps in code review

Every organization has a naming convention standard, you can refer to those or else create one for Power Platform. I have done for button, form, gallery, icons.

Name the landing page of the app –

It is good to provide the landing page name of the app so the end users are aware of what data they are viewing on the Power App.

Just see the difference yourself now on how the PowerApp looks before & after a header is shown.

Show the logged-in User – 

It’s always good to show the logged-in User details, it gives a more Personalised feeling to the end-users. 

You can even include user image as well for more personalization.

Add Image from Insert tab & update the Radius properties to below –

Enhance Gallery Experience – 

Let’s first update the colors of existing icons of the gallery to match your user interface.

Next, let’s make use of the Transition property for the gallery to enhance user experience

Update the separator that comes by default to maybe to a different color to show the separation & reduce the size a little for a better design. I have updated it as below –

If you are still not satisfied, you can always play more. You can highlight the data record that the user has selected. Let’s see how we can do that.

Select the first data record or cell of the gallery. Next, move to the ‘TemplateFill’ property of the gallery & apply the below formula there. You can put any colors of your choice. The color appears on the selection of the record & it is not a hover over feature.

If(ThisItem.IsSelected,SeaShell,White)

Next, let’s put a vertical line icon on the gallery & update its Fill property as well

If(ThisItem.IsSelected, Orange,White)

If you managed to do the same steps, the gallery would look something like below –

So these were some of the tips to enhance your Power App. Hope this helps & your app looks a little pretty now.

In the next blog, we will enhance some more features of the app.

Keep reading, keep enjoying, keep exploring!