Platform Banner

Power Apps - Galleries : a first look Tutorial

Unlock the full potential of Power Apps in our video 'Galleries: A First Look'. Discover how to customize your galleries for better data visualization, focusing on titles, subtitles, and essential details. Learn the impact of layout adjustments and personalization techniques to create functional and informative displays. Join us and enhance your low code skills today!

02:59
144 views

Available in Microsoft365

00:00:05

apps is essential for displaying data effectively

00:00:08

and adapting to the user's needs.

00:00:10

In the previous tutorial,

00:00:12

we imported an Excel table and displayed it within a gallery.

00:00:15

Now,

00:00:16

we will learn how to customize this display

00:00:18

in order to better structure the presented information.

00:00:21

By default,

00:00:22

a gallery shows an image,

00:00:23

a title,

00:00:24

and a subtitle.

00:00:26

However,

00:00:26

since our data set does not contain any images,

00:00:29

it becomes necessary to adjust the gallery layout.

00:00:33

By accessing the layout tab,

00:00:35

the user can modify the display of elements according to their preferences.

00:00:39

Several options are available,

00:00:41

such as displaying only the title,

00:00:44

combining the title and subtitle,

00:00:46

or setting the number of columns,

00:00:48

although the latter is mainly intended for files that contain images.

00:00:52

In this example,

00:00:53

we will keep the layout with both title and subtitle.

00:00:56

The fields tab allows the user to define which

00:00:59

elements will appear as the title and subtitle.

00:01:02

For instance,

00:01:03

the user can choose to display the names of the

00:01:05

salespeople as the title and the cities as the subtitle.

00:01:09

This approach ensures a clear visualization of data

00:01:13

and improves the readability of key information.

00:01:16

At this stage,

00:01:17

the gallery still lacks some essential details.

00:01:19

While the salespeople's names and cities are displayed,

00:01:22

the sales date and the quantity of products sold are still missing.

00:01:26

To complete this information,

00:01:28

the user must insert a text label.

00:01:30

By clicking the pencil icon,

00:01:32

the user enters edit mode for the gallery.

00:01:35

Then by using the insert button,

00:01:37

it is possible to add a text label.

00:01:39

It is important to note that any change made to a

00:01:42

single item in the gallery is automatically applied to all entries.

00:01:46

This includes adding,

00:01:48

moving,

00:01:48

or resizing elements.

00:01:51

When a text label is added,

00:01:52

power apps will automatically display the item names.

00:01:56

To modify this content,

00:01:58

the user must go to the formula bar to customize what is displayed.

00:02:02

It is simply a matter of replacing the default item with the desired field,

00:02:06

such as the sales date or the quantity sold.

00:02:10

To further personalize the display,

00:02:12

the user can adjust the appearance of the text through the properties panel.

00:02:15

There,

00:02:15

the font size,

00:02:17

color,

00:02:17

and alignment can be customized according

00:02:19

to personal or project specific preferences.

00:02:23

By following these steps,

00:02:24

the user can enrich the data display

00:02:27

and add as many elements as needed for a more informative and functional gallery.

00:02:31

Thanks to this approach,

00:02:33

the user now understands how to customize the display of a gallery and power apps.

00:02:37

They can structure the data,

00:02:39

add fields,

00:02:40

and adapt the layout to meet the specific needs of their project.

00:02:44

However,

00:02:45

before moving forward,

00:02:46

it is essential to understand the concept of delegation,

00:02:49

which is crucial for leveraging the full potential of available data.

00:02:53

This topic will be covered in the next tutorial.

Mandarine AI: WHAT YOU SHOULD KNOW

RELATED COURSES This tutorial is part of the following courses

316 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