Learn POWERAPPS with Real Code Examples

Updated Nov 26, 2025

Introduction & Fundamentals Setup & Configuration Architecture & Deep Internals Performance & Security Development Workflow Learning & Career Growth Business & Strategy Examples

Code Sample Descriptions

Simple Power Apps Counter Example

# powerapps/demo/CounterApp
1. Create a Canvas App.
2. Add a Button control onto the screen.
3. Add a Label control to display the counter value.
4. Create a variable 'Counter' initialized to 0.
5. Configure Button OnSelect property: Set(Counter, Counter + 1).
6. Bind Label Text property to 'Counter'.
7. Preview the app to see live updates.

A basic Power Apps example that increments a counter when a button is clicked and updates a label in real time.

Let’s Try →

Simple Power Apps To-Do List

# powerapps/demo/ToDoApp
1. Create a Canvas App.
2. Add a Gallery control to display tasks.
3. Add a Text Input for new task name.
4. Add Button 'Add Task' -> OnSelect: Collect(Tasks, {Name: TextInput1.Text}).
5. Add Delete icon inside Gallery -> OnSelect: Remove(Tasks, ThisItem).
6. Bind Gallery Items property to 'Tasks'.
7. Preview the app to manage tasks live.

A basic Power Apps app to add and remove tasks using visual components.

Let’s Try →

Simple Power Apps Feedback Form

# powerapps/demo/FeedbackApp
1. Create a Canvas App.
2. Add Text Inputs for Name, Email.
3. Add Text Area for Message.
4. Add Button 'Submit' -> OnSelect: Collect(Feedbacks, {Name: NameInput.Text, Email: EmailInput.Text, Message: MessageInput.Text}).
5. Add Label to show confirmation message.
6. Preview app to submit feedback live.

A basic Power Apps form to collect user feedback using visual components.

Let’s Try →

Simple Power Apps Survey App

# powerapps/demo/SurveyApp
1. Create a Canvas App.
2. Add a Gallery control for survey questions.
3. Add Radio Buttons or Dropdown inside Gallery for answer options.
4. Add Button 'Submit' -> OnSelect: Collect(Responses, {Question: ThisItem.Question, Answer: Radio1.Selected.Value}).
5. Bind Gallery Items to 'Questions'.
6. Preview app to submit survey responses live.

A basic Power Apps app to collect survey responses with multiple choice questions.

Let’s Try →

Simple Power Apps Login Page

# powerapps/demo/LoginApp
1. Create a Canvas App.
2. Add Text Inputs for Username and Password.
3. Add Button 'Login' -> OnSelect: If(UsernameInput.Text='user' && PasswordInput.Text='pass', Navigate(HomeScreen), Notify('Invalid credentials')).
4. Add Label to show error messages.
5. Preview the app to test login functionality.

A basic Power Apps login interface using visual authentication components.

Let’s Try →

Simple Power Apps Notes App

# powerapps/demo/NotesApp
1. Create a Canvas App.
2. Add Gallery control to display notes.
3. Add Text Input for new note content.
4. Add Button 'Save' -> OnSelect: Collect(Notes, {Content: NoteInput.Text}).
5. Add Edit icon inside Gallery -> OnSelect: UpdateIf(Notes, ThisItem=ThisRecord, {Content: NoteInput.Text}).
6. Bind Gallery Items property to 'Notes'.
7. Preview app to manage notes live.

A basic Power Apps app to create, edit, and view notes using visual components.

Let’s Try →

Simple Power Apps Event Tracker

# powerapps/demo/EventApp
1. Create a Canvas App.
2. Add Gallery control for events.
3. Add Text Inputs for Title, Date, Location.
4. Add Button 'Add Event' -> OnSelect: Collect(Events, {Title: TitleInput.Text, Date: DateInput.SelectedDate, Location: LocationInput.Text}).
5. Add Delete icon inside Gallery -> OnSelect: Remove(Events, ThisItem).
6. Bind Gallery Items to 'Events'.
7. Preview app to manage events live.

A basic Power Apps app to create, view, and delete events.

Let’s Try →

Simple Power Apps Profile Page

# powerapps/demo/ProfileApp
1. Create a Canvas App.
2. Add Text Labels to display user info: FullName, Email.
3. Add Button 'Edit' -> OnSelect: Enable editing Text Inputs.
4. Add Text Inputs for editable fields.
5. Add Button 'Save' -> OnSelect: Update(UserProfile, {FullName: FullNameInput.Text, Email: EmailInput.Text}).
6. Preview app to update profile live.

A basic Power Apps app to display and update user profile information.

Let’s Try →

Simple Power Apps Calculator

# powerapps/demo/CalculatorApp
1. Create a Canvas App.
2. Add Text Inputs Num1 and Num2.
3. Add Button 'Add' -> OnSelect: Set(Result, Value(Num1.Text)+Value(Num2.Text)).
4. Add Button 'Subtract' -> OnSelect: Set(Result, Value(Num1.Text)-Value(Num2.Text)).
5. Add Label to show 'Result'.
6. Preview app to perform calculations live.

A basic Power Apps app to perform addition and subtraction using formulas and actions.

Let’s Try →

Simple Power Apps Chat App

# powerapps/demo/ChatApp
1. Create a Canvas App.
2. Add Gallery control to display messages.
3. Add Text Input for new message.
4. Add Button 'Send' -> OnSelect: Collect(Messages, {Sender: User().FullName, Text: MessageInput.Text}).
5. Bind Gallery Items to 'Messages'.
6. Preview app to send and view messages live.

A basic Power Apps app to send and view chat messages using galleries and actions.

Let’s Try →

Code Sample Descriptions

Simple Power Apps Counter Example

# powerapps/demo/CounterApp
1. Create a Canvas App.
2. Add a Button control onto the screen.
3. Add a Label control to display the counter value.
4. Create a variable 'Counter' initialized to 0.
5. Configure Button OnSelect property: Set(Counter, Counter + 1).
6. Bind Label Text property to 'Counter'.
7. Preview the app to see live updates.

A basic Power Apps example that increments a counter when a button is clicked and updates a label in real time.

Let’s Try →

Simple Power Apps To-Do List

# powerapps/demo/ToDoApp
1. Create a Canvas App.
2. Add a Gallery control to display tasks.
3. Add a Text Input for new task name.
4. Add Button 'Add Task' -> OnSelect: Collect(Tasks, {Name: TextInput1.Text}).
5. Add Delete icon inside Gallery -> OnSelect: Remove(Tasks, ThisItem).
6. Bind Gallery Items property to 'Tasks'.
7. Preview the app to manage tasks live.

A basic Power Apps app to add and remove tasks using visual components.

Let’s Try →

Simple Power Apps Feedback Form

# powerapps/demo/FeedbackApp
1. Create a Canvas App.
2. Add Text Inputs for Name, Email.
3. Add Text Area for Message.
4. Add Button 'Submit' -> OnSelect: Collect(Feedbacks, {Name: NameInput.Text, Email: EmailInput.Text, Message: MessageInput.Text}).
5. Add Label to show confirmation message.
6. Preview app to submit feedback live.

A basic Power Apps form to collect user feedback using visual components.

Let’s Try →

Simple Power Apps Survey App

# powerapps/demo/SurveyApp
1. Create a Canvas App.
2. Add a Gallery control for survey questions.
3. Add Radio Buttons or Dropdown inside Gallery for answer options.
4. Add Button 'Submit' -> OnSelect: Collect(Responses, {Question: ThisItem.Question, Answer: Radio1.Selected.Value}).
5. Bind Gallery Items to 'Questions'.
6. Preview app to submit survey responses live.

A basic Power Apps app to collect survey responses with multiple choice questions.

Let’s Try →

Simple Power Apps Login Page

# powerapps/demo/LoginApp
1. Create a Canvas App.
2. Add Text Inputs for Username and Password.
3. Add Button 'Login' -> OnSelect: If(UsernameInput.Text='user' && PasswordInput.Text='pass', Navigate(HomeScreen), Notify('Invalid credentials')).
4. Add Label to show error messages.
5. Preview the app to test login functionality.

A basic Power Apps login interface using visual authentication components.

Let’s Try →

Simple Power Apps Notes App

# powerapps/demo/NotesApp
1. Create a Canvas App.
2. Add Gallery control to display notes.
3. Add Text Input for new note content.
4. Add Button 'Save' -> OnSelect: Collect(Notes, {Content: NoteInput.Text}).
5. Add Edit icon inside Gallery -> OnSelect: UpdateIf(Notes, ThisItem=ThisRecord, {Content: NoteInput.Text}).
6. Bind Gallery Items property to 'Notes'.
7. Preview app to manage notes live.

A basic Power Apps app to create, edit, and view notes using visual components.

Let’s Try →

Simple Power Apps Event Tracker

# powerapps/demo/EventApp
1. Create a Canvas App.
2. Add Gallery control for events.
3. Add Text Inputs for Title, Date, Location.
4. Add Button 'Add Event' -> OnSelect: Collect(Events, {Title: TitleInput.Text, Date: DateInput.SelectedDate, Location: LocationInput.Text}).
5. Add Delete icon inside Gallery -> OnSelect: Remove(Events, ThisItem).
6. Bind Gallery Items to 'Events'.
7. Preview app to manage events live.

A basic Power Apps app to create, view, and delete events.

Let’s Try →

Simple Power Apps Profile Page

# powerapps/demo/ProfileApp
1. Create a Canvas App.
2. Add Text Labels to display user info: FullName, Email.
3. Add Button 'Edit' -> OnSelect: Enable editing Text Inputs.
4. Add Text Inputs for editable fields.
5. Add Button 'Save' -> OnSelect: Update(UserProfile, {FullName: FullNameInput.Text, Email: EmailInput.Text}).
6. Preview app to update profile live.

A basic Power Apps app to display and update user profile information.

Let’s Try →

Simple Power Apps Calculator

# powerapps/demo/CalculatorApp
1. Create a Canvas App.
2. Add Text Inputs Num1 and Num2.
3. Add Button 'Add' -> OnSelect: Set(Result, Value(Num1.Text)+Value(Num2.Text)).
4. Add Button 'Subtract' -> OnSelect: Set(Result, Value(Num1.Text)-Value(Num2.Text)).
5. Add Label to show 'Result'.
6. Preview app to perform calculations live.

A basic Power Apps app to perform addition and subtraction using formulas and actions.

Let’s Try →

Simple Power Apps Chat App

# powerapps/demo/ChatApp
1. Create a Canvas App.
2. Add Gallery control to display messages.
3. Add Text Input for new message.
4. Add Button 'Send' -> OnSelect: Collect(Messages, {Sender: User().FullName, Text: MessageInput.Text}).
5. Bind Gallery Items to 'Messages'.
6. Preview app to send and view messages live.

A basic Power Apps app to send and view chat messages using galleries and actions.

Let’s Try →