Tile Maker
Tile Maker

Tile Maker

Regular price $179.99

Your own SharePoint tiles with text, pictures, and links just like "Get started with your site"

In the latest update:
- Show different tiles in different app parts on the page

Your tiles with TileMaker app look and work just like "Get started with your site" web part on Team Sites.
Your tiles can be round, have round corners and resemble Google and Apple design styles. Your tiles can look a bit like Windows "Metro" tiles as well. In addition, you can also choose new smaller size, 75x75 pixels, for all design styles.

TileMaker app shows your own images, text, and links. It allows you to add links to content, and add as many tiles as you wish.


You can fill up a whole page with tiles, or you can use TileMaker to add 3-4 tiles. You can link to a document, page or a site.
You can also enable search box and get users to search in Title and Description text. Search is a query to "Tiles" list and it is not based on SharePoint search.

TileMaker app shows your images, and as you can see it from the video, you can make these images in PowerPoint, Photoshop, or any other application.

Your images are automatically centered in the middle of tiles, while larger images are auto-scaled to fit the tiles.

"Tile Maker" App Part shows 150x150 pixels tiles per default, and it can be set to show larger 275x275 pixels tiles, or 150x275 pixels tiles.

Tiles in the video are shown in two rows. Tiles are aligned and fitted to match the TileMaker App Part width and height. Setting the TileMaker App Part width up to larger size will place the tiles in one row.

Setting the TileMaker App Part width value down to for example 150px will place each tile in its own row. A detailed description of how to set up the tiles is to be found in the support document.

Installation

Add the app to your site and you are ready to go.

User Guide

 

Add images

1. Open "Site Contents" 
2. Click on TileMaker 
3. Add images to "Tiles" library 

Set Title, Comments, Link,Open in new tab, and Display Order

1. Open the app and click on "..." for the image in the library 
2. Click on "Properties" 
3. Write title text in Title text box 
4. Write description in Comments text box 
5. Write URL address in Link text box 
6. Select "Open in new tab", if you want link to open in new browser tab 
7. Write a number in "Display Order" text box 
8. Click on "Save" 

Show tiles on your site with "TileMaker" app part

1. Open a page on your site 
2. Edit the page 
3. Click on Insert tab 
4. Click on App Part 
5. Select "Tile Maker" 
6. Click on "Add" 
7. Save the page 

Show different tiles in different app parts

1. Open Site Contents and click on the TileMaker app 
2. Click on "..." for one of the pictures and select to edit properties 
3. Write for example "hello" in Tile Category field 
4. Save your work 
5. Go to your SharePoint site and edit the TileMaker app part on the page 
6. Expand the TileMaker tab and write "hello" in the Category field 
7. Click on "OK" and save the page 

Set display styles in "TileMaker" app part

1. Edit the page 
2. Edit the app part 
3. Expand "TileMaker" tab 
4. Select a style in "Tile Style" drop-down 
5. Click on "OK" button 
6. Save the page 

Show tiles on your site with "TileMaker Public" app part

1. Open a page on your site 
2. Edit the page 
3. Click on Insert tab 
4. Click on App Part 
5. Select "Tile Maker Public" 
6. Click on "Add" 
7. Save the page 

Configure "TileMaker Public" app part (TileMaker Lite does not have this app part)

1. Click on "HERE" link 
2. Click on "Tiles" 
3. Click on "LIBRARY" tab and click on "RSS Settings" 
4. Select "Title (*)" check box 
5. Set "Maximum items to include" and "Maximum days to include" 
6. Click on "OK" button 
7. Click on "Tiles" 
8. Click on "LIBRARY" tab and click on "RSS Feed" 
9. Copy the URL address of the page 
10. Go back to the page with "TileMaker Public" app part 
11. Edit the page and the app part 
12. Expand "TileMaker" 
13. Paste the URL address in "Tiles Library RSS Feed Url" 
14. Click on "OK" button and save the page 

Adjust the size of Tile Maker App Part

1. Open the page with the "Tile Maker" app part 
2. Edit the page and edit the app part 
3. Select "Yes" for "fixed width" and set the "Width" value 
4. Click on "OK" button 
5. Save the page 

Show 1 tile per row

1. Open the page with the "Tile Maker" app part 
2. Edit the page and edit the app part 
3. Select "fixed width" and set the "Width" to 160px, if you have 3 images 
4. Click on "OK" button 
5. Save the page 

Show all tiles in one row

1. Open the page with the "Tile Maker" app part 
2. Edit the page and edit the app part 
3. Select "fixed width" and set the "Width" to 480px, if you have 3 images 
4. Click on "OK" button 
5. Save the page 

Show 4 x 3 tiles

1. Open the page with the "Tile Maker" app part 
2. Edit the page and edit the app part 
3. Select "fixed width" and set the "Width" to 480px, if you have 3 images 
4. Click on "OK" button 
5. Save the page 

Show 3 x 2 tiles

1. Open the page with the "Tile Maker" app part 
2. Edit the page and edit the app part 
3. Select "fixed width" and set the "Width" to 320px, if you have 3 images 
4. Click on "OK" button 
5. Save the page 

Change Title of the Tile Maker App Part

1. Open the page with the "Tile Maker" app part 
2. Edit the page and edit the app part 
- Write title text in Title text box to change the title 
- Select "None" in "Chrome type" dropdown to hide the title 
4. Click on "OK" button 
5. Save the page 

Change the Tile Size

1. Open the page with the "Tile Maker" app part 
2. Edit the page and edit the app part 
3. Click on "TileMaker" 
4. Select size in the "Tile Size" dropdown 
5. Click on "OK" button 
6. Save the page 

 

Tile Maker
Tile Maker
Tile Maker
Tile Maker
Tile Maker
Tile Maker