|
| 1 | +--- |
| 2 | +title: Boards (Preview) sample app |
| 3 | +description: Learn how to use the Boards app. |
| 4 | +author: joel-lindstrom |
| 5 | +ms.service: powerapps |
| 6 | +ms.topic: conceptual |
| 7 | +ms.custom: |
| 8 | +ms.date: 05/24/2021 |
| 9 | +ms.author: v-ljoel |
| 10 | +ms.reviewer: tapanm |
| 11 | +contributors: |
| 12 | + - joel-lindstrom |
| 13 | + - navjotm |
| 14 | + - tapanm-msft |
| 15 | +--- |
| 16 | + |
| 17 | +# Boards (Preview) sample app |
| 18 | + |
| 19 | +[This article is pre-release documentation and is subject to change.] |
| 20 | + |
| 21 | +In this tutorial, you'll learn about configuring and using the **Boards** sample app. |
| 22 | + |
| 23 | +## Overview |
| 24 | + |
| 25 | +The Boards template app for Microsoft Teams provides a simple way to connect and share with people in your organization with similar interests. |
| 26 | + |
| 27 | +Benefits of using the Boards app: |
| 28 | + |
| 29 | +- Pin relevant information in one place. |
| 30 | +- Organize pins by topic. |
| 31 | +- Discover items pinned by colleagues. |
| 32 | + |
| 33 | +> [!NOTE] |
| 34 | +> - Before you can use this app, you may be asked for your permissions to use the connection. More information: [Allow connections in sample apps](use-sample-apps-from-teams-store.md#step-1---allow-connections) |
| 35 | +> - This app is available in three different Teams themes: Default, Dark and High contrast. When you [change the theme in Teams](https://support.microsoft.com/en-us/office/change-settings-in-teams-b506e8f1-1a96-4cf1-8c6b-b6ed4f424bc7), the app automatically updates to match the selected theme. More information: [Get the Teams theme using the Teams integration object](use-teams-integration-object.md#get-the-teams-theme) |
| 36 | +
|
| 37 | +> [!IMPORTANT] |
| 38 | +>- This is a preview feature. |
| 39 | +>- Preview features aren’t meant for production use and may have restricted functionality. These features are available before an official release so that customers can get early access and provide feedback. |
| 40 | +
|
| 41 | +## Prerequisites |
| 42 | + |
| 43 | +Before using this app: |
| 44 | + |
| 45 | +1. Install the app by side-loading the manifest for the app into Teams. You can get the manifest from https://aka.ms/TeamsBoards. For more information and help with installing this app, read the documentation available with the app manifest. |
| 46 | +2. Set up the app for the first use. |
| 47 | + |
| 48 | +## Using Boards |
| 49 | + |
| 50 | +In this section, you'll learn about the following capabilities in the Boards app: |
| 51 | + |
| 52 | +- [Open the Boards app](#open-the-boards-app) |
| 53 | + |
| 54 | +- [Understanding the Boards app interface](#understanding-the-boards-app-interface) |
| 55 | + |
| 56 | +- [Add a board](#add-a-board) |
| 57 | + |
| 58 | +- [Open a board](#open-a-board) |
| 59 | + |
| 60 | +- [Pin an item to a board](#pin-an-item-to-a-board) |
| 61 | + |
| 62 | +- [Sort boards](#sort-boards) |
| 63 | + |
| 64 | +- [Edit a board](#edit-a-board) |
| 65 | + |
| 66 | +- [Add categories](#add-categories) |
| 67 | + |
| 68 | +- [Edit the Boards app in Power Apps](#edit-the-boards-app-in-power-apps) |
| 69 | + |
| 70 | + |
| 71 | + |
| 72 | +## Open the Boards app |
| 73 | + |
| 74 | +To open the Boards app: |
| 75 | + |
| 76 | +1. Sign in to Teams. |
| 77 | +2. Select the Team in which the app was installed. |
| 78 | +3. Select the channel where you installed the **Boards** app. |
| 79 | +4. Select the **Boards** tab. |
| 80 | +5. Select **Allow** if the app asks for your permissions to use the connectors. |
| 81 | +6. You can learn more about extending this app's capabilities on the splash |
| 82 | + screen. Select **Got it** to close the screen, and go to the app. To hide |
| 83 | + this message while opening this app again, select **Don't show this again** |
| 84 | + before you select **Got it**. |
| 85 | + |
| 86 | + |
| 87 | + |
| 88 | +  |
| 89 | + |
| 90 | +## Understanding the Boards app interface |
| 91 | + |
| 92 | +The Boards app displays boards grouped by category. A Board is a collection of pinned items for a topic. |
| 93 | + |
| 94 | + |
| 95 | + |
| 96 | + |
| 97 | + |
| 98 | +## Add a Board |
| 99 | + |
| 100 | +1. In Teams, go to the team in which Boards is installed |
| 101 | + |
| 102 | +2. Select the Boards tab |
| 103 | + |
| 104 | +3. In right corner, select **Add a board**. |
| 105 | + |
| 106 | +  |
| 107 | + |
| 108 | +4. Enter the title, category, and a description of the board. |
| 109 | + |
| 110 | +  |
| 111 | + |
| 112 | +5. Select **Save**. |
| 113 | + |
| 114 | +6. New board is created. |
| 115 | + |
| 116 | +  |
| 117 | + |
| 118 | +## Open a board |
| 119 | + |
| 120 | +From the Boards app, you can search for board topics that interest you and open them to view the pinned items. For example, if you're interested in hiking, you could search for hiking-related boards and see what your colleagues have pinned regarding hiking. |
| 121 | + |
| 122 | +1. In the Boards app in Teams, select the **Find a Board** search field. |
| 123 | + |
| 124 | +2. Type the name of the board or category you want to find. |
| 125 | + |
| 126 | +  |
| 127 | + |
| 128 | +3. Boards in your organization that match the search words will be displayed. Select the board you want. |
| 129 | + |
| 130 | +4. The selected board will be displayed. From this screen you can see information about the websites, Teams, channels, and conversation chats related to the board. |
| 131 | + |
| 132 | +5. Search results are organized by category, or you can select **All** to view all returned results. |
| 133 | + |
| 134 | +  |
| 135 | + |
| 136 | +## Pin an item to a board |
| 137 | + |
| 138 | +If you want to share an item with your colleagues, you can easily pin it to the appropriate board for the item category. |
| 139 | + |
| 140 | +For example, you might want to share a link to a book written by an author with the Book Club. |
| 141 | + |
| 142 | +1. Open the board you want. In this example, we open the sample board **Book Club.** |
| 143 | + |
| 144 | +  |
| 145 | + |
| 146 | +2. Select **Add to board.** |
| 147 | + |
| 148 | +  |
| 149 | + |
| 150 | +3. Select the appropriate item type. |
| 151 | + |
| 152 | +4. Add a link to the website. |
| 153 | + |
| 154 | +5. Enter title and description |
| 155 | + |
| 156 | +6. You'll see a preview of what the card will look like. |
| 157 | + |
| 158 | +7. Select **Save.** |
| 159 | + |
| 160 | + |
| 161 | + |
| 162 | + |
| 163 | + |
| 164 | +## Sort boards |
| 165 | + |
| 166 | +You can sort the order in which board categories are displayed on the main Boards screen. |
| 167 | + |
| 168 | +1. Select the Sort button. |
| 169 | + |
| 170 | +2. From the pop-up, select arrows up or down to make categories sorted and |
| 171 | + displayed in that order. |
| 172 | + |
| 173 | +  |
| 174 | + |
| 175 | + |
| 176 | + |
| 177 | +3. To hide a category from the boards screen, select the visibility button. |
| 178 | + |
| 179 | +4. Select **Apply**. |
| 180 | + |
| 181 | +5. Boards matching the selected sort order will be displayed. |
| 182 | + |
| 183 | + |
| 184 | + |
| 185 | +## Edit a board |
| 186 | + |
| 187 | +You can Edit the boards under your organization under the Boards app. |
| 188 | + |
| 189 | +To edit the boards: |
| 190 | + |
| 191 | +1. In Teams, go to the team in which Boards is installed. |
| 192 | + |
| 193 | +2. Select the Boards tab. |
| 194 | + |
| 195 | +3. Select a Board. |
| 196 | + |
| 197 | +4. Select **Edit**. |
| 198 | + |
| 199 | +  |
| 200 | + |
| 201 | +5. Change the Title, Category, and Description. |
| 202 | + |
| 203 | +6. Add relevant Image. |
| 204 | + |
| 205 | +7. Select **Save**. |
| 206 | + |
| 207 | +  |
| 208 | + |
| 209 | +## Add categories |
| 210 | + |
| 211 | +You can add the categories under your organization under the Boards app. |
| 212 | + |
| 213 | +To add categories: |
| 214 | + |
| 215 | +1. In Teams, go to the team in which Boards is installed. |
| 216 | + |
| 217 | +2. Select the Boards tab. |
| 218 | + |
| 219 | +3. Select Settings gear in upper right corner. |
| 220 | + |
| 221 | +4. Select **Add Category**. |
| 222 | + |
| 223 | +  |
| 224 | + |
| 225 | +5. Change the title, category, and description. |
| 226 | + |
| 227 | +  |
| 228 | + |
| 229 | +6. Add an image. |
| 230 | + |
| 231 | +7. Select **Save**. |
| 232 | + |
| 233 | + |
| 234 | + |
| 235 | + |
| 236 | + |
| 237 | + |
| 238 | + |
| 239 | +## Edit the Boards app in Power Apps |
| 240 | + |
| 241 | +1. In Teams, add the Power Apps app from the Teams store by selecting the ellipses in the app menu, searching for Power Apps, and then selecting **install.** |
| 242 | + |
| 243 | +2. Right-click on Power Apps icon and select **Pop out app** to open the app in a new window. This pop-out action will ensure that you don't lose your changes if you browse somewhere else in Teams. |
| 244 | + |
| 245 | +  |
| 246 | + |
| 247 | +3. Select **Build** tab. |
| 248 | + |
| 249 | +4. Select the team in which the Boards app is installed, then select **Installed apps.** |
| 250 | + |
| 251 | +5. In the Boards tile, select the Boards app to open it in Power Apps in Team. |
| 252 | + |
| 253 | +  |
| 254 | + |
| 255 | +6. You may get prompted to authorize the app's connectors to connect. Select **Allow**. |
| 256 | + |
| 257 | +7. You can now customize the app. |
| 258 | + |
| 259 | + |
| 260 | + |
| 261 | +### See also |
| 262 | + |
| 263 | +- [Understand Bulletins sample app architecture](bulletins-architecture.md) |
| 264 | +- [Customize sample apps](customize-sample-apps.md) |
| 265 | +- [Sample apps FAQs](sample-apps-faqs.md) |
| 266 | +- [Use sample apps from the Microsoft Teams store](use-sample-apps-from-teams-store.md) |
| 267 | +- [Bulletins sample app](bulletins.md) |
| 268 | +- [Employee ideas sample app](employee-ideas.md) |
| 269 | +- [Inspection sample apps](inspection.md) |
| 270 | +- [Issue reporting sample apps](issue-reporting.md) |
| 271 | +- [Milestones (Preview) sample app](milestones.md) |
| 272 | +- [Perspectives (Preview) sample app](perspectives.md) |
| 273 | +- [Profile+ (Preview) sample app](profile-app.md) |
| 274 | + |
| 275 | +[!INCLUDE[footer-include](../includes/footer-banner.md)] |
0 commit comments