Power Apps - Controls explained and applied Tutorial

Unlock the power of Microsoft Power Apps with our tutorial 'Controls Explained and Applied.' Discover how to insert, manipulate, and configure controls to enhance user experience. Learn to customize dimensions, colors, and actions, making your apps intuitive and appealing. Dive into the world of low-code development and create stunning interfaces effortlessly!

02:41
0 views

Available in Microsoft365

00:00:07

They allow the creation of dynamic and intuitive interfaces.

00:00:11

This tutorial explains how to insert,

00:00:13

manipulate,

00:00:14

and configure them effectively

00:00:16

to optimize the user experience.

00:00:19

In Power apps,

00:00:20

adding a control is done directly from the insert menu.

00:00:24

Controls are categorized based on their usage,

00:00:27

which makes selecting the appropriate element easier.

00:00:30

Once you've made your choice,

00:00:32

simply click to add it to your screen.

00:00:34

For example,

00:00:35

to insert a rectangle,

00:00:36

you just need to select it and place it into the app.

00:00:40

Once inserted,

00:00:41

a control can be easily adjusted.

00:00:44

You can move it by dragging it across the screen,

00:00:47

allowing you to align it with your layout.

00:00:50

In addition,

00:00:50

it is possible to modify its dimensions to meet specific needs,

00:00:54

either enlarging or reducing its size.

00:00:57

Each control has unique properties accessible via the properties panel.

00:01:02

When a control is selected,

00:01:03

you can adjust its specific characteristics.

00:01:06

Let's take the example of a rectangle.

00:01:09

You can define its position by adjusting its coordinates.

00:01:12

Modify its dimensions.

00:01:14

And customize its color to harmonize its appearance with the rest of the app.

00:01:19

The borders of the rectangle can also be

00:01:21

adjusted to achieve a more precise visual result.

00:01:25

It is also possible to configure the control's color based on user interactions.

00:01:31

For instance,

00:01:31

you can define a specific color

00:01:34

when hovering over the element with the mouse or clicking on it.

00:01:38

Adding a button follows the same principle as other controls.

00:01:42

In addition to the basic properties such as position,

00:01:45

size and color,

00:01:47

a button includes text.

00:01:49

This adds extra formatting options,

00:01:51

including font size,

00:01:53

style,

00:01:53

and alignment.

00:01:55

In the Advanced Properties panel,

00:01:57

you can access more detailed settings.

00:01:59

For example,

00:02:00

the on select property lets you define an action

00:02:03

that will be triggered when a user clicks the button.

00:02:06

To illustrate this functionality,

00:02:08

we can use a simple formula

00:02:10

to display a notification when the button is clicked.

00:02:13

Once the settings are configured,

00:02:15

simply run the app and test the control's behavior

00:02:18

to ensure it functions as expected.

00:02:21

Controls are a fundamental part of designing a Power App's application.

00:02:26

Their manipulation and configuration offer great flexibility

00:02:29

and make it possible to tailor the interface to user needs.

00:02:33

By mastering these features,

00:02:34

you can create interactive and visually appealing applications.

Mandarine AI: WHAT YOU SHOULD KNOW

RELATED COURSES This tutorial is part of the following courses

0 Views

Video Training Microsoft PowerApps : Create your first applications without coding

Get started with Power Apps and learn how to design your first applications without writing any code. This module guides you step by step th...

ALL COURSES