Scribd
Upload
5 views

Power Apps - Notes (1)

Uploaded by

onlinetrainings.venkat
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
5 views

Power Apps - Notes (1)

Uploaded by

onlinetrainings.venkat
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

1

All about Power Apps

1. Overview of PowerApps
1.1 Power Apps Overview: Power Apps is a suite of apps, services,
connectors, and a data platform (Microsoft Dataverse) that provides a rapid
application development environment to build custom apps for your business
needs. Apps built using Power Apps provide rich business logic and workflow
capabilities to transform manual business processes into digital, automated
processes. Furthermore, apps built using Power Apps can run on the web, iOS,
and Android devices.
1.2 Types of PowerApps: Canvas App, Model Driven App, Portal App.
 Canvas app: Canvas app is a traditional app. This is a kind of
tablet or mobile app that everyone is familiar with. The main
difference is that these apps require knowledge of programming
languages like Java, JavaScript, etc. to build. Whereas the canvas
apps are built by dragging and dropping prebuilt controls onto a
canvas and basic expressions are written to specify logic.

 Model driven app: Model driven apps let you implement business
process flows. It uses Dataverse to create apps.

 Portal: Power pages were formerly known as Portals. They help to


create external facing websites. Their websites allow users outside
organizations to sign in with a wide variety of identities, create and
view data in Dataverse, and even browse data anonymously.

2. Beginning with Power Apps


2.1 Canvas App Layouts: Canvas apps in Power Apps provide a drag-and-
drop interface for designing custom applications. The layout of a canvas app is
flexible and highly customizable, allowing you to create a user interface that suits
your specific needs. There are two primary types of canvas app layouts:
 Portrait Layout (Phone): This is a vertical layout best suited for mobile
devices. It allows for a narrow and tall design, making it easier to use on
smartphones.
 Landscape Layout (Tablet): This is a horizontal layout ideal for tablets and
desktops. It provides a wider design, which can display more information side
by side.

3. Controls in Power Apps Canvas App:

1. Input Controls

 Text Input: Allows users to enter text.


o Key Properties: Default, Mode (Single line, Multi-line), TextAlign, Height,
Width.
 Dropdown: Lets users select a single item from a list.
o Key Properties: Items, Default, Value, AllowEmpty.
 Combo Box: Similar to Dropdown but allows for multiple selections.
o Key Properties: Items, DefaultSelectedItems, IsSearchable.
 Radio: Displays a list of options in a vertical or horizontal layout.
o Key Properties: Items, Default, Layout.
2

 Checkbox: A binary input control that allows true/false selection.


o Key Properties: Default, Text, Value.
 Slider: Lets users select a value from a continuous range.
o Key Properties: Minimum, Maximum, Default, Step.
 Date Picker: Allows users to select a date.
o Key Properties: DefaultDate, Format, IsRequired.
 Time Picker: Similar to Date Picker but for selecting time.
o Key Properties: DefaultTime, Format.

2. Display Controls

 Label: Displays text or data.


o Key Properties: Text, Color, FontSize, TextAlign.
 Image: Displays an image from a URL or uploaded file.
o Key Properties: Image, ImagePosition, Height, Width.
 Gallery: Displays a collection of items in a vertical or horizontal layout.
o Key Properties: Items, TemplateSize, Layout, SelectionMode.
 Data Table: Displays data in a tabular format.
o Key Properties: Items, Columns, ShowHeaders.
 Card: Used in forms to display data and gather inputs.
o Key Properties: DataField, Update, Visible.

3. Layout Controls

 Container: Groups other controls for layout management.


o Key Properties: Height, Width, Direction, Align.
 Gallery: A flexible control for displaying collections of items.
o Key Properties: Items, TemplateSize, Layout.
 Group: Used to group controls for alignment and organization.
o Key Properties: Items, BorderStyle.

4. Forms

 Edit Form: Used for editing or creating records.


o Key Properties: DataSource, Item, Fields.
 Display Form: Displays record data without editing capability.
o Key Properties: DataSource, Item, Fields.

5. Media Controls

 Video: Plays video files.


o Key Properties: Media, AutoStart, ShowControls.
 Audio: Plays audio files.
o Key Properties: Media, AutoStart, ShowControls.

6. Button Controls

 Button: A clickable button for actions.


o Key Properties: Text, OnSelect, Height, Width.
 Icon: Displays an icon for actions.
o Key Properties: Icon, OnSelect, Color.

7. Advanced Controls

 Chart: Displays data visually.


o Key Properties: Items, ChartType, XValue, YValue.
3

 HTML Text: Displays formatted HTML content.


o Key Properties: HtmlText, Width, Height.

8. Navigation Controls

 Navigate: Used to transition between screens.


o Key Properties: Screen, Transition.
 Tab: Provides tabbed navigation.
o Key Properties: Items, SelectedTab.

9. Others

 Timer: Triggers actions based on time intervals.


o Key Properties: Duration, AutoStart, OnTimerEnd.
 Pen Input: Captures handwritten input.
o Key Properties: StrokeColor, StrokeThickness.

4. Create a Blank Canvas App

Creating a blank canvas app allows you to start from scratch and design your app according
to your specific requirements. Here's how to create a blank canvas app:

1. Open Power Apps Studio: Go to Power Apps and sign in with your credentials.
2. Select 'Create': Click on the "Create" option in the left-hand menu.
3. Choose 'Canvas app from blank': Select "Canvas app from blank" under the "Start
from" section.
4. Name Your App: Enter a name for your app and choose the format (tablet or phone).
5. Click 'Create': Click the "Create" button to open the blank canvas app in Power
Apps Studio.

4.1 Renaming & Reorder Screen

Renaming and reordering screens helps keep your app organized and easy to navigate.

 Renaming a Screen:

1. Select the Screen: In the left-hand navigation pane, click on the screen you want to
rename.
2. Open Properties Panel: The properties panel for the screen will appear on the right.
3. Change Screen Name: In the properties panel, change the name of the screen in the
"Name" field.

 Reordering Screens:

1. Select the Screen: In the left-hand navigation pane, click on the screen you want to
move.
2. Drag and Drop: Click and drag the selected screen up or down to reorder it. Drop it
at the desired position.

4.2 Adding & Selecting a Control


 Adding a Control:
4

1. Open Power Apps Studio: Go to Power Apps and sign in with your credentials.
2. Select Your App: Open the app where you want to add the control.
3. Insert a Control: Click on the "Insert" tab in the toolbar, then choose the type of
control you want to add (e.g., Label, Button, Text Input).
4. Place the Control: Click on the canvas where you want to place the control.

 Selecting a Control:

1. Click on the Control: Simply click on the control you want to select. A border will
appear around the control, indicating it is selected.

4.3 Renaming the Unique Name of Control

Renaming controls helps keep your app organized and makes it easier to reference them in
formulas.

1. Select the Control: Click on the control you want to rename.


2. Open the Properties Panel: The properties panel for the control will appear on the
right.
3. Change the Name: In the properties panel, find the "Name" field at the top and enter
a new, unique name for the control.

 Deleting a Control

1. Select the Control: Click on the control you want to delete.


2. Press Delete: Press the "Delete" key on your keyboard, or right-click on the control
and select "Delete" from the context menu.

4.4 Reorder, Move & Resize Controls


 Reorder:

1. Select the Control: Click on the control you want to reorder.


2. Move to Front/Back: Use the "Bring to Front" or "Send to Back" options in the
toolbar to change the z-order of the control.

 Move:

1. Select the Control: Click on the control you want to move.


2. Drag and Drop: Click and drag the control to the desired position on the canvas.

 Resize:

1. Select the Control: Click on the control you want to resize.


2. Adjust Size: Drag the resize handles on the corners or sides of the control to change
its size.

4.5 Changing the Label Text or a Button


5

 Changing Label Text:

1. Select the Label: Click on the label control you want to edit.
2. Edit Text: In the properties panel, find the "Text" field and enter the new text you
want to display.

 Changing Button Text:

1. Select the Button: Click on the button control you want to edit.
2. Edit Text: In the properties panel, find the "Text" field and enter the new text for the
button.

You might also like