App Launcher for SharePoint 2013

Got a SharePoint 2013 environment but you need to demo 2016 look and feel?

Seen the SharePoint 2016 app launcher and want it on 2013?

Seen the Office 365 App Launcher and thought that would be great on my SharePoint 2013 environment?


This one's for you... a SharePoint 2013 app launcher !


Get the download here

Before you run the PowerShell script to install it you should probably read below



The launcher can be run using the PowerShell included in the root folder
use .\DeployAppLauncher.ps1 -url <SITE URL TO DEPLOY>

  1. Run this on a test site, if you are running it on a Publishing site you'll need to enable the "Wiki Home Page" site feature, this can then be deactivated if you don't want it enabled... It creates the "Site Assets" library where the launcher is deployed to.
  2. It relies on a custom masterpage, so it'll change this to the new one included. These are the additional lines in the masterpage (jquery, the launcher js file, some styling and some fonts!):
    1. <!--SPM:<SharePoint:ScriptLink language="javascript" name="~sitecollection/SiteAssets/applauncher/jquery-1.11.3.js"  runat="server" Localizable="false"/>-->
    2. <!--SPM:<SharePoint:ScriptLink language="javascript" name="~sitecollection/SiteAssets/applauncher/applauncher.js"  runat="server" Localizable="false"/>-->
    3. <!--SPM:<SharePoint:CssRegistration runat="server" ID="CssRegAppLauncher" Name="&#60;% $SPUrl:~sitecollection/SiteAssets/applauncher/applauncher.css %&#62;" After="corev15.css"/>-->
    4. <!--SPM:<SharePoint:CssRegistration runat="server" ID="CssRegFontAwesome" Name="&#60;% $SPUrl:~sitecollection/SiteAssets/applauncher/font-awesome-4.5.0/css/font-awesome.css %&#62;" After="corev15.css"/>-->
  3. It uses jquery, the file is included!
  4. It uses Font Awesome to get the app launcher icon on the ribbon, there's a lot of files in this so it'll upload them to the Site Assets folder. These can probably be trimmed down, I've left them as standard
  5. You need to update the links in the applauncher.js file to get to your My Sites location
  6. No warranties! Try it out on a dev Virtual Machine first :)
Hope it's useful

Full credit to :

http://www.jqueryscript.net/demo/Google-App-Launcher-Style-Dropdown-Plugin-with-jQuery-CSS3/

I just did the stick it on SharePoint bit

Also thanks Font Awesome!! for the launcher icon, I should reference this because I've included a copy in the files
https://fortawesome.github.io/Font-Awesome/

This is all javascript injection, there's no wsp solution file to install, no server downtime, and you can modify it on the fly!

Comments

  1. Hi,
    The master page is missing in the given package :(

    ReplyDelete
    Replies
    1. Sorry it was outside the files folder
      found it thanks :)

      Delete

Post a Comment

Popular posts from this blog

Use Power Automate to create a Document Set – The easy way!

Power Automate - Get SharePoint items using Created By/Modified By

Power Automate - Update SharePoint item metadata using only variables