Metro UI – SharePoint 2010 Masterpage & Solution : UPDATED

metroheader

So today i have released onto Codeplex a SharePoint 2010 Masterpage design which is inspired from the Metro UI of Windows 8.  The design has the following features:

  • Liquid Layout
  • Cufon Integration
  • Jquery Accordion Quicklaunch with Sub Item Count
  • Full Solution with single Site Feature to activate branding (Thanks CKS:Dev Team)
  • Custom Site Settings Action to choose one of three colour schemes (Green, Blue & Red)

If you would please leave me comments be it positive or negative they are all welcome.  I hope you enjoy and if you come across any bugs please let me know and i can fix them.

Download

To download the wsp please click here and get it from our CodePlex Site.  Enjoy :)

 

I am the SharePoint Development Lead at ICS Solutions Ltd. As well as broad knowledge in SharePoint 2007 & 2010 my specialities lie with SharePoint Branding, WebPart Development and JQuery integration.

21 Comments on "Metro UI – SharePoint 2010 Masterpage & Solution : UPDATED"

  1. AJ says:

    Wow this is great man! I only have one complaint and that is the top bar (where site actions resides). Is there anyway to hide it but still retain the functionality? I think it would look a lot cleaner without it.

  2. How do you mean by hide the ribbon? completelty from view and then make it appear and hide?

  3. AJ says:

    Yes exactly! I’ve found some solutions on google, however I’m having some problems implementing them. What would your recommendation be?

  4. AJ says:

    Sorry to spam your comment section, but i found this and its exactly what i wanted/needed

    http://zsshowhideribbon.codeplex.com/

  5. Michael says:

    Hi christopher

    Thank you for this masterpage. It’s great.
    Do you have a minimal.master page on your roadmap?

    Regards Michael

  6. I normally start with the Starter Masterpages that Randy Disgril created. http://startermasterpages.codeplex.com/ Do you have any specific requirement for functionality?

    Chris

  7. Sri says:

    Chris,

    Thanks for the awesome solution.
    One thing I observed was that the top navigation bar does not show the drop down menu to display sub sites on a site created of a blog template even if it has sub sites. It works for sites based on other templates.
    Will it be possible to email/host the Visual Studio project files so that any one can make it even better?
    Once again, great work.

  8. Sri says:

    Also, the search page and results page gets broken on applying the template. I was able to fix it by using the Master page adapter available on codeplex–> http://sp2010searchadapters.codeplex.com/

  9. Great page, but (these Germans …) (and Frech people too) want Umlaute and accents also in headlines. Where can we get them from? I scanned LifeInSharePoint.master but couldn’t find a clue.

  10. The font was created using Cufon font replacement.

    http://cufon.shoqolate.com/generate/

    I will try to get an updated font file created and update the deployment file.

    Thanks

  11. Ai Wa says:

    Great master page design. Just a quick question, how can I add new color theme say example Grey?

  12. Lou vdBijl says:

    THANK YOU SO MUCH! I have been tasked with making a metro intranet on SharePoint and this saved me hours of work. Really appreciate it!

  13. SharePoint Kid says:

    hi Christopher,
    Great work ! keep it up

  14. Henri says:

    Hi Chris,

    Really sweet theme! Thanks a lot!

    There’s one bug that I couldn’t work around though. Using your theme kills the “intellisense” linking in the Wiki pages. Don’t know if someone else has noticed this yet…

  15. Thanks for pointing this out. I will definitely look into this :) Can you please let me know which version of the masterpage you are using?

    Thanks

  16. I have just done a local test and i cannot replicate this at my end. I have deployed the farm solution (not sandbox) and i can in a Team Site create a new page using [[new page]] and it will create and link no problems.

    Any information you can give me would be great.

  17. Henri says:

    Hi Chris,

    Sorry, I was a bit vague with the description. The page creation with the double brackets works fine with your theme, but when I have your theme deployed and activated, I can’t get the “intellisense” context menu with the site contents to show up after typing just the initial two brackets (or using ctrl + space). If I deactivate your theme, the context menu works as it should.

  18. Ok..Thanks for the clarification. I will look at this shortly.

  19. Hi Henri,

    I have managed to find the issue to the problem and i will be releasing an update to the solution shortly. Thank you for finding this bug :)

  20. Henri says:

    No problem Chris. Thanks a lot for taking the time to fix this…

Got something to say? Go for it!