Adding File Type Icons To SharePoint 2013

This is almost entirely copied from, thank you Alan Richards.  There are some notes worth looking at that are specific to 2013

http://www.edutechnow.com/?p=192

“Adding File Type Icons To SharePoint 2010/2013

When you add documents to SharePoint 2010/2013 document libraries sometimes an icon doesn’t appear in the Type column. While this doesn’t stop the file from opening it does spoil the aesthetics of your site.”

Add The Icon
Find an icon for the application (17 x 17 Pixel gif will do it) and copy it to
..Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\IMAGES

Edit XML File

You now need to edit the Docicon.xml file, this can be found in

..Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\XML

Navigate to the <ByExtension> section and add an entry for the file extension of the application similar to the one shown below

<Mapping Key=”abc” Value=”abc_icon.gif”>

Restart IIS by opening up a command prompt and using the command iisreset

NOTE

If you have a multiple server farm then you will need to repeat these steps on each of your servers”

SPECIFIC TO 2013:

You’d think that this would be needed in the 15 hive, but in my experience nothing changed until I made these changes in the 14 hive.  Also, watch out when copying the mapping key from anything other than the DOCICON.xml file.  The ” may be a format that the file doesn’t like and it will replace all of your icons with a .

Advertisements

About tbithell
I am the Chief Technical Architect of Portals at B2B Technologies, LLC in Atlanta GA. I first started working on SharePoint in 2005, and have built SharePoint portals and developed custom solutions for a wide variety of users. I have a MS in Computer Science and am a SharePoint 2010 MCITP and MCPD. I am very excited about the new version, and will be blogging about it on a regular basis as I explore the newly released Preview and future releases.

10 Responses to Adding File Type Icons To SharePoint 2013

  1. moxx82 says:

    “..Program Files\Common Files\Microsoft Shared\Web Server Extensions\14T\EMPLATE\XML”

    should be

    “..Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\XML”

    Think I remember doing this in 2007 for pdf files, right before the decision to go with 2010.

  2. Matt says:

    I also had to made the modifications in the 14 hive to make anything work which I thought was strange – thanks!

  3. erikcurtis says:

    just did this for CSV Found it odd that it wasn’t included by default.

  4. Adrian says:

    I’m using your guide to attempt to add the file type icon for MindGenius files. The extension is .mgmf. Despite all my efforts I only get the blank icon with a dot in the middle of it isntead of getting the proper icon. This is what I’ve inserted into the DOCICON.XML file: . This tag has been entered into the 14 hive and the 15 hive. Any help would be gratefully received.

    • tbithell says:

      Hi Adrian, Please copy the xml that you added for the .mgmf file type as well as info about where you uploaded the icon itself. Also, please add a screen shot. Thanks!

    • tbithell says:

      I just read back thru the post for a refresher. Sounds like your problem may be that the ” that was copied from the xml via whatever editor you used is formatted a way it doesn’t like. Try manually replacing the “s and see if that fixes it.

  5. Mike Zimmerman says:

    In our case, we just want to change the default Office Icons for old file extensions like xls and xlm. We want to do something like a color change so that system wide people know right away it’s an old format and to raise awareness to update the file to newer formats.

    In that case I was hoping we could just update the png file for the icon to a new image: /_layouts/15/images/icppt.png

    The question was if when an update is pushed, would it overwrite the icons with the old ones? If so then we would just have to change the mapping to a totally different file.

    Any ideas are welcome!

  6. Michal says:

    Thanks!!!!!! it is workes!!!!!!!!

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s

%d bloggers like this: