Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fixed image path. #44

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -130,7 +130,7 @@ All the changes to the Manage Ideas app are completed. The app can now be publis

1. Verify that the label showing the creator of the idea plus the timestamp also shows whether the idea was prioritized or not.

![Priority displayed on Idea details screen.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/add-tag-to-mark-ideas-prioritized/priority-displayed-on-idea-details-screen.png "Priority displayed on Idea details screen")
![Priority displayed on Idea details screen.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/add-tag-to-mark-ideas-prioritized/priority-displayed-on-idea-details-screen.png "Priority displayed on Idea details screen")


### See also
Expand Down
38 changes: 19 additions & 19 deletions EmployeeIdeas/Documentation/customize-employee-ideas.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,24 +15,24 @@ Watch this video to learn how to customize the Employee Ideas app: https://www.m
2. Type **Power Apps** in the search field.

> [!div class="mx-imgBorder"]
> ![Search Power Apps.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/customize-employee-ideas/search-power-apps.png "Search Power Apps")
> ![Search Power Apps.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/customize-employee-ideas/search-power-apps.png "Search Power Apps")

3. Select the Power Apps app from the list to open the app. Power Apps will open in Teams.

4. Right-click on the **Power Apps** logo and select **Pin** to lock the app to the side menu so it's easy to get to in the future.

> [!div class="mx-imgBorder"]
> ![Power apps icon.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/customize-employee-ideas/power-apps-icon.png "Power apps icon")
> ![Power apps icon.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/customize-employee-ideas/power-apps-icon.png "Power apps icon")

5. We recommended that you “pop out” Power Apps so that if you need to navigate somewhere else in Teams you won’t lose your app configuration. To pop out the Power Apps app, right-click on the Power Apps logo and select **Pop out app**.

> [!div class="mx-imgBorder"]
> ![Pop out app.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/customize-employee-ideas/pop-out-app.png "Pop out app")
> ![Pop out app.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/customize-employee-ideas/pop-out-app.png "Pop out app")

6. Now that you've loaded the Power Apps app, select **Build**.

> [!div class="mx-imgBorder"]
> ![Build tab.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/customize-employee-ideas/build-tab.png "Build tab")
> ![Build tab.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/customize-employee-ideas/build-tab.png "Build tab")

7. This screen will show all the Teams that have Power Apps installed in them.

Expand All @@ -45,18 +45,18 @@ Watch this video to learn how to customize the Employee Ideas app: https://www.m
11. Select **See all** in the **Employee Ideas** tile.

> [!div class="mx-imgBorder"]
> ![See all option on the Employee App ideas tile.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/customize-employee-ideas/see-all-option-employee-ideas-tile.png "See all option on the Employee App ideas tile")
> ![See all option on the Employee App ideas tile.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/customize-employee-ideas/see-all-option-employee-ideas-tile.png "See all option on the Employee App ideas tile")

12. You'll now see all of the apps, tables, flows, and chatbots in the Team.

> [!div class="mx-imgBorder"]
> ![List of all objects in the solution.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/customize-employee-ideas/employee-ideas-app-objects-in-the-solution.png "List of all objects in the solution")
> ![List of all objects in the solution.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/customize-employee-ideas/employee-ideas-app-objects-in-the-solution.png "List of all objects in the solution")

## Extend the Ideas data model

If you're modifying or adding any fields to your app, you'll want to first update or add these columns in their Dataverse tables. In this section, we'll explore the data model for Ideas and how to modify it in Power Apps in Teams. Below is the data model for Employee ideas.

![Data model.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/customize-employee-ideas/data-model-employee-ideas-app.png "Data model")
![Data model.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/customize-employee-ideas/data-model-employee-ideas-app.png "Data model")

Before modifying the fields, you need to first decide where the fields you want to add should go. What are the users doing when they should see or interact with these fields?

Expand All @@ -81,12 +81,12 @@ Before modifying the fields, you need to first decide where the fields you want
From the list of apps, chatbots, flows, and tables, select the **Ideas** app.

> [!div class="mx-imgBorder"]
> ![Select Ideas app from the list of objects.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/customize-employee-ideas/select-ideas-app-from-list-of-objects.png "Select Ideas app from the list of objects")
> ![Select Ideas app from the list of objects.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/customize-employee-ideas/select-ideas-app-from-list-of-objects.png "Select Ideas app from the list of objects")

Now that Ideas app is open in Power Apps in Teams, select the **Tree View**

> [!div class="mx-imgBorder"]
> ![Ideas app tree view.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/customize-employee-ideas/ideas-app-tree-view.png "Ideas app tree view")
> ![Ideas app tree view.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/customize-employee-ideas/ideas-app-tree-view.png "Ideas app tree view")

From the Tree View, you can see the screens included in the app. Selecting the arrow to the left of a screen will expand the contents of the screen, giving you access to the components of the screen, including galleries, buttons, text labels, and text input controls.

Expand Down Expand Up @@ -122,14 +122,14 @@ Now let’s look at the screens in the **Manage Ideas** app:
4. Select **Manage ideas** in the **Employee Ideas** tile.

> [!div class="mx-imgBorder"]
> ![Select Manage Ideas app from Employee Ideas tile.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/customize-employee-ideas/select-manage-ideas-from-employee-ideas-tile.png "Select Manage Ideas app from Employee Ideas tile")
> ![Select Manage Ideas app from Employee Ideas tile.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/customize-employee-ideas/select-manage-ideas-from-employee-ideas-tile.png "Select Manage Ideas app from Employee Ideas tile")

5. Manage ideas will open in the designer.

6. Select the **Tree view** and review the screens in the Manage Ideas app.

> [!div class="mx-imgBorder"]
> ![Manage Ideas app tree view.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/customize-employee-ideas/manage-ideas-app-tree-view.png "Manage Ideas app tree view")
> ![Manage Ideas app tree view.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/customize-employee-ideas/manage-ideas-app-tree-view.png "Manage Ideas app tree view")

The following are the screens in the Manage Ideas app:

Expand Down Expand Up @@ -173,15 +173,15 @@ Sometimes users may submit the same idea more than once. In this case, you might
1. When you're done making modifications to the apps, select **Save**.

> [!div class="mx-imgBorder"]
> ![Save the app.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/customize-employee-ideas/save-changes.png "Save the app")
> ![Save the app.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/customize-employee-ideas/save-changes.png "Save the app")

2. To preview your changes, select **Preview**.

- The app will launch in preview mode, where you can test the user experience when running the app.
- To exit preview mode, press **Escape** on your keyboard or select the **X** in the upper right corner.

> [!div class="mx-imgBorder"]
> ![Close button on top right corner.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/customize-employee-ideas/top-right-corner-x.png "Close button on top right corner")
> ![Close button on top right corner.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/customize-employee-ideas/top-right-corner-x.png "Close button on top right corner")

3. To publish your app changes, select the **Publish to Teams**. Publishing the app makes your changes visible to users of the app.

Expand All @@ -191,12 +191,12 @@ Sometimes users may submit the same idea more than once. In this case, you might
- To change app settings, such as icon and background color, select **Edit details**.

> [!div class="mx-imgBorder"]
> ![Confirm publishing to Teams.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/customize-employee-ideas/confirm-publishing-to-Teams-manage-ideas-app.png "Confirm publishing to Teams")
> ![Confirm publishing to Teams.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/customize-employee-ideas/confirm-publishing-to-Teams-manage-ideas-app.png "Confirm publishing to Teams")

5. On the next screen, confirm the channel you want the app to appear. You can add to other channels in the Team by selecting the **+** button.

> [!div class="mx-imgBorder"]
> ![Add to channel.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/customize-employee-ideas/add-to-channel.png "Add to channel")
> ![Add to channel.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/customize-employee-ideas/add-to-channel.png "Add to channel")

6. To publish your changes, select **Save and close**.

Expand All @@ -207,26 +207,26 @@ Before modifying the Employee ideas app, consider the following items:
Where are my table customizations? Columns and tables added by you'll go to **built by this team** section of the Power Apps app. You can also add new tables in the **See all** area.

> [!div class="mx-imgBorder"]
> ![Built by the team.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/customize-employee-ideas/built-by-the-team-tab.png "Built by the team")
> ![Built by the team.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/customize-employee-ideas/built-by-the-team-tab.png "Built by the team")

Changes made to an app will be added as a new version of the app. If you get a new version from store, your customizations won't be overridden. You'll get a new version that has the latest features, but the new version won't be published.

For example, if you make changes to the Ideas app, then you install the latest version from the Teams store, your urgent field will still be visible in the app after the upgrade.

> [!div class="mx-imgBorder"]
> ![Add Employee Ideas to a team.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/customize-employee-ideas/add-employee-ideas-app-to-a-team.png)
> ![Add Employee Ideas to a team.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/customize-employee-ideas/add-employee-ideas-app-to-a-team.png)

After upgrading the solution, your current app version will still be **live**.

The updated version of the app is available from the version history of the app. Selecting **Details** from the app list will display the versions of the app and allow you to publish the new version.

> [!div class="mx-imgBorder"]
> ![Ideas app details.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/customize-employee-ideas/ideas-app-details.png "Ideas app details")
> ![Ideas app details.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/customize-employee-ideas/ideas-app-details.png "Ideas app details")

The new version is installed, but isn't live. You can publish the new version if you want to overwrite your changes.

> [!div class="mx-imgBorder"]
> ![Versions list.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/customize-employee-ideas/versions-list-employee-ideas.png "Versions list")
> ![Versions list.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/customize-employee-ideas/versions-list-employee-ideas.png "Versions list")

When customizing the app, pop out the Power Apps app in Teams so you don’t lose your changes when you navigate to other parts of Teams.

Expand Down
4 changes: 2 additions & 2 deletions EmployeeIdeas/Documentation/employee-ideas-architecture.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ You'll also need to know about how to [install](../../INSTALLATION.md), and [use

The following diagram illustrates the way that users and systems interact with data in the Employee Ideas solution.

![Employee Idease sample app architecture model.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/employee-ideas-architecture/architecture-model.png "Employee Ideas sample app architecture model")
![Employee Idease sample app architecture model.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/employee-ideas-architecture/architecture-model.png "Employee Ideas sample app architecture model")

### Connectors

Expand All @@ -32,7 +32,7 @@ The following connectors are used in the Employee Ideas app:

The following diagram explains the data model used by the Employee ideas sample app.

![Employee ideas sample app data model.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/Employee%20Ideas/Documentation/media/employee-ideas-architecture/data-model.png "Employee ideas sample app data model")
![Employee ideas sample app data model.](https://github.com/microsoft/teams-powerapps-app-templates/blob/main/EmployeeIdeas/Documentation/media/employee-ideas-architecture/data-model.png "Employee ideas sample app data model")

| Table name | Description |
| - | - |
Expand Down
Loading