App Tiles are the colored squares you see on the Periodic Table of Office 365. Each contains a title, subtitle, icon, description, and some icons on it. To be able to update or create a new App Tile, you must first be logged into the Table Canvas.
SharePoint Online's App Tile on the Periodic Table of Office 365
- Turn the editor ribbon on by enabling the Options toggle.
- Enter edit mode by clicking Edit Tiles in the Edit tab.
- If you're creating a new App Tile, hover over your space of choice and click Type > App Tile > Select. If you're editing an existing App Tile, click that App Tile > Edit.
You should now see the Tile Builder, which provides a number of tabs and fields to update. You will see a live preview of your App Tile in the Tile Builder as you make changes.
To duplicate an App Tile, hover over that App Tile and click Copy then hover over the destination of the duplicate App Tile and click Paste.
To delete an existing App Tile (to clear that space or start from scratch), hover over the App Tile and click Clear.
Any changes will be saved automatically. Once you're finished making changes to your tiles, click Edit Tiles to leave the tile editor.
The Details tab is home to all the text that's displayed on your App Tile. From here you can update the following:
- Title: The Title of the App Tile is the large text at the top of the tile. Limit to two lines of text.
- Subtitle: The Subtitle is small text under the Title and is useful for identifying the status of an app. For example, qualifiers like Preview, Coming soon, Deprecating can offer quick, contextual information to users before they open an app. Limit to one line of text.
- Description: The description is the small text near the bottom of the App Tile. Limit to three lines of text.
- Link: The Link is the destination of the launch button in the top-right corner of tiles. If there is no link provided, the launch button does not appear.
- Tag: The Tag determines the URL of the associated App Article for this App Tile.
Icons display in the center of a tile for quick brand recognition for users. Dozens of icons are provided for popular Microsoft, Google, and cloud applications for your use, both in full color and as white knock-outs (knock-outs only when available).
You can also upload your own icon using the icon uploader. For the best experience, icons should be square PNG files with transparent backgrounds sized at least 256×256 pixels. Even if the icon itself is not square, the canvas for the file should be.
For guidance on changing the color of images, removing backgrounds, etc., try this tool.
- Background: Change the App Tile color to whichever hue you’d like.
- Text: Change the color of all the text in the App Tile to whichever hue you’d like.
Each App Tile can have a descriptive App Article associated with it to provide detail, resources, and other information about the App and its intended use. You can type right in the editor, format your text, include multimedia and more.
Note: When making changes to your Article, click Update when you're finished before doing any other work on your App Tile.
- Hashed: Sometimes an app's availability is limited or comes with a nuanced explanation. The ability to place a grey hashing over the App Tile makes it apparent that something is different about that app. Perhaps some features are disabled or maybe the app isn't available to every person. Enable hash to make this known and use the App Tile's Article to explain why it's hashed.
- Fully shareable: To signify that an app is able to be shared (either internally or externally, you decide), you can toggle this setting to indicate that all sharing features available in the app are enabled or even available. It will add a small share symbol with filled circles to the bottom-right corner of the App Tile.
- Partly shareable: To signify that an app is able to be shared to a limited extent (either internally or externally, you decide), you can toggle this setting to indicate that some sharing features available in the app are enabled or even available. It will add a small share symbol with open circles to the bottom-right corner of the App Tile.
- Premium: Some apps come at an additional licensing cost. This toggle adds a dollar sign to the bottom-right corner of an App Tile to signify to employees that the app isn't available to everyone and requires an additional license (and therefore cost). Use the App Article to explain the cost structure and any license request process.
Deleting an App Tile
To delete an existing Group Tile and its connections, follow these steps.