COVID-19: Choose between our familiar (but now socially distanced) classroom training courses and our excellent new live online courses.
The 5 best things about working with Power Apps
Power Apps is fun, as this blog tries to show. It consists of one owl's very personal take on the 5 best things about using the software.

Posted by Andy Brown on 26 September 2020

You need a minimum screen resolution of about 700 pixels width to see our blogs. This is because they contain diagrams and tables which would not be viewable easily on a mobile phone or small laptop. Please use a larger tablet, notebook or desktop computer, or change your screen resolution settings.

The 5 best things about Power Apps

Power Apps is fun to use, and it's hard to imagine how Microsoft could have made it easier for non-developers to create mobile phone and tablet apps.  In this blog I've listed my personal 5 favourite features.

For balance, I've written a separate blog giving the 5 things I find most irritating about Power Apps!

Let's start with probably the best feature of Power Apps: the beautiful controls.

1 - Multimedia controls

This is a video control in Power Apps:

Video control

As it happens it plays a 7-second video of one of our cats (what else?), although it's hard to tell that from this blog.

 

Anyone who has tried embedding controls like this on a website will know how hard it can be.  But in Power Apps, it's trivial:

Video control properties

The main properties of a video control.

 

There are only 3 things a video can do - start, pause and stop:

Actions for video

I've set the video to show a message when someone pauses it, and hide the message when someone restarts it.

 

The camera control is even better:

Camera control

I trained my webcam on the view outside our office. Whenever you click on the camera, you can access its Image property to get at the photo you've just taken

 

You can even set the camera to take photos at regular intervals, and capture these in your app.

2 - Everything is built for its purpose

I've used lots of other website design applications, but the beauty of Power Apps is that it single-mindedly focuses on a single purpose: creating mobile and tablet apps.  

To give an example of this in action, here's how you can specify settings for your app controlling how it should be used:

App settings

You can design apps for a phone or tablet, choose the default orientation, say whether your users can rotate their devices (not shown here) and specify a target screen size.

 

As another example, here's how Power Apps lets you specify a grid layout for responsive design:

Grid layout

When designing a form, you can divide it into up to 12 columns, to use a grid layout.This will probably only make sense to you if you've used a framework like Bootstrap or Zurb to create a responsive website, but I appreciated it!

 

3 - Interdependent properties

I like this idea, and it's at the heart of everything you do in Power Apps.  To show how it works, let's consider an example.  Suppose you want all your buttons to look like this one:

Template button

I've called this button btnTemplate, so I can refer to it elsewhere.

 

If you create another button, you can set its Fill, Color, BorderColor, BorderStyle and BorderThickness properties to be the same as those of your template button.  For example:

Setting fill colour

Here I'm about to set this button's Fill colour to be the same as the template button's fill colour.

 

In fairness, this isn't perfect.  It would be nice to have a Paste Format button, and nicer still to have full-blown styles and themes.

4 - Colours

If there's one thing Power Apps gets just right, it's colours.  Consider this label:

A label

The foreground colour is red, the background colour a sickly pink.

 

Here's how I created this:

Setting colours

You can set the foreground, background, hover and disabled colours in a predictable way.

 

But I can get more control than this:

The hex colour

The hex colour (the last argument shows it has 100% opacity).

Too light?  Let's darken it a bit:

Lightened colour

The comments are optional, to show what's going on.

 

Each of the arguments can be variables, or can refer to the properties of other controls, enabling you to create things like this:

Choosing a colour

These beautiful controls are called sliders.

 

It's all colour heaven for any website designer!

5 - Controls are so well-designed

Microsoft have clearly put a vast amount of effort into making Power Apps controls as nice to use as possible.  Here are a few to give you the idea.

Let's start with a selection of controls, to get in the mood:

Various controls

This screen contains a gallery, various buttons, a label and an icon.

 

Drop downs look very pretty:

Drop downs

You can also use list boxes and combo boxes.

The pen input control is a joy to work with:

Pen input

Apologies for my poor handwriting.

My favourite control might well be the simple toggle button, which you can customise:

Toggle button

Yes or no questions suddenly got much more fun!

 

Finally, here's an example of a Rating control:

A rating control

The stars allow you to say (in this case) how much you like Marmite. International readers may not get the cultural reference, I guess!

I think these give a good idea of how much fun you can have creating apps, and how beautiful you can get them to look.

This blog has 0 threads Add post