RSS

OOB: Creating Your Own Custom Tiles in SharePoint 2013

09 Feb

When you open SharePoint 2013 Team Site, you will see a Metro Tiles Menu on home page.

image

The good news you can create your own custom tiles menu by using a new OOB List/App template that called : Promoted Links.

Create “Promoted Links” List

To do that, follow the steps:

  1. Go to Site Content
    image
  2. Click on “Add an App”
    image
  3. Select “Promoted Links”  list template from available lists
    imageimage
  4. After creating the list click new item to add a new link and details
    image
  5. Fill data about the link as below (and make sure you upload Tiles images in picture library):
    image

    • Title: the link title text
    • Background image location: the image URL and alternative text
    • Description: description text that will be shown when you mouse over the Tile
    • Link Location: the target URL.
    • Lunch Behavior: determine if you want to open URL in current page, new tab, or in modal dialogimage
    • Order: order number of the tile
  6. Repeat step 4 to add more linksimage

Add “Promoted Links” List to your page

After finish adding all links, go to default page or any other page, and add your App/List inside it.

To do that, follow the steps:

  1. Click on Edit Page
    image
  2. Click on Add App, and select your list
    image
    image
  3. Edit web part properties to set a custom settings (as hide title and border for example)
  4. Save and Check-In your page
  5. Now you have Metro Tiles in your site OOB.

image

I hope this is useful for you Smile

 
 

Tags: , , , , , , ,

19 responses to “OOB: Creating Your Own Custom Tiles in SharePoint 2013

  1. Mima

    April 24, 2013 at 3:19 pm

    Thank you very much for posting this info! It has helped me a lot with the company intranet site for the team sites 🙂
    Thanks again,
    Best regards,
    Mima

     
    • Norton Ramavhoya

      April 30, 2013 at 4:41 pm

      Very thanks.

       
  2. lkfdsaj

    May 29, 2013 at 9:56 am

    very useful!

     
  3. Vinoth

    June 11, 2013 at 12:27 am

    Very useful.

     
  4. qliekje

    July 22, 2013 at 2:43 pm

    Hello, this is very useful indeed, but I do not get the tiles view. I do not know how to edit the webpart so it shows the background picture instead of the list of links….

     
  5. bwrugger

    September 11, 2013 at 8:01 pm

    Is there a way to resize the tiles, all are at 150X150 and I need to make them smaller

     
    • newbie

      September 23, 2013 at 12:21 am

      Can you have them vertial instead of horisontal?

       
  6. Mackenzie

    January 10, 2014 at 1:28 pm

    Thank you for another magnificent article. Where else could anyone get that type of info in such a perfect
    way of writing? I’ve a presentation subsequent week, and
    I am at the search for such information.

     
  7. shadane

    May 27, 2014 at 1:40 pm

    Any idea how to get a custom css page to come through and be themeable with the above? really struggling

     
    • bwrugger

      May 27, 2014 at 6:08 pm

      Not sure I understand what you are asking, if you are wanting Tiles look to a different page?
      Edit the page and add a web part, find the list name and add it to whatever location (zone) you wish. apply and save

       
  8. jesu

    August 21, 2014 at 9:30 am

    How can we achive the same using Sharepoint 2010

     
  9. jesu

    August 21, 2014 at 9:30 am

    How can we achieve the same using Sharepoint 2010

     
    • Ali Nimer

      August 21, 2014 at 2:12 pm

      “Promoted Links” List is only available in SharePoint 2013 version, you need to build custom web part with same functionality for SharePoint 2010.

       
  10. stuart

    November 6, 2015 at 12:07 pm

    Thank you for taking the time to create and upload this, it was very helpful to me.

     
  11. blogs

    June 25, 2016 at 10:19 am

    I love reading a post that can make people think. Also, many thanks
    for allowing me to comment!

     
  12. Ashish

    September 1, 2016 at 12:28 pm

    I found this SharePoint Add – in very useful for Metro Tiles.
    I find this app very useful and serve all the purpose.

    https://store.office.com/en-001/app.aspx?assetid=WA104380475&ui=en-US&rs=en-001&ad=US&appredirect=false

     
  13. online shopping

    September 22, 2016 at 7:03 pm

    Hello, yeah this post is really pleasant and I have learned
    lot of things from it regarding blogging. thanks.

     
  14. Praveen Mathew

    February 16, 2017 at 4:54 pm

    Thank you so much this was very useful.

     
  15. Dulcie

    April 21, 2017 at 4:08 am

    Do you do link outreach on the site? Most people say to stop with that nowadays
    Are you active on any forums

     

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s

 
%d bloggers like this: