Customizing the Windows 8 Start menu tile for pinning sites using a master page

The Windows 8 Start menu allows users to pin sites from Internet Explorer as tiles. SharePoint 2013 provides a simple control to manage how the tile looks and what icon to use. In this recipe, we will customize the tile settings with our customized master page.

Customizing the Windows 8 Start menu tile for pinning sites using a master page

How to do it...

Follow these steps to customize the Windows 8 Start menu tile for pinning sites using a master page:

  1. Open SharePoint Designer.
  2. Select Open Site. Enter the full URL to the SharePoint site and select Open.
  3. From the Navigation pane, select Master Pages.
  4. In the list of files in the Master Pages library, make a copy of seattle.master (for our example, we have renamed it Seattle_Windows8Tile.master).
  5. Check out the new Seattle_Windows8Tile.master master page.
  6. Open the Seattle_Windows8Tile.master master page.
  7. Locate the <SharePoint:SPPinnedSiteTile> element.
  8. Provide a custom image URL and hex color using the following code:
    <SharePoint:SPPinnedSiteTile runat="server" TileUrl="/_catalogs/masterpage/resources/SimpleSmiley.png" TileColor="#d17601" />

    Note

    Images used for the pin style should be a 144 px by 144 px transparent PNG file.

  9. Save the master page.
  10. Check in and publish the master page using the Check In and Publish option.
  11. Set the master page as the Site Master Page.
  12. Navigate to the site in Internet Explorer on Windows 8.
  13. Pin the site to the Windows 8 Start menu to observe the results. The following screenshot shows the option that allows us to pin the page to the Start menu:
    How to do it...

How it works...

The SPPinnedSiteTile server control outputs <meta> tags to the <head> element of the SharePoint page when rendered. When Internet Explorer on Windows 8 pins a site, it will look for these <meta> tags when creating the pin. In this recipe, we provided a custom image and color to be used when adding these tags. This replaces the default SharePoint logo and the blue color.

..................Content has been hidden....................

You can't read the all page of ebook, please click here login for view all page.
Reset
13.58.44.229