S

Awesomely Simple

SharePoint Solutions

April Dunnam

Lead SharePoint Consultant/Developer

About Me

• 7+ years SharePoint and development

experience

• Senior Consultant/Developer at ThriveFast

• Born and bread Okie

• Active in Tech Community, VP of Tulsa

SharePoint User Group

• Blogger, speaker@aprildunnam

www.sharepointsiren.co

m

www.thrivefast.com

Agenda

S To Code or Not to Code?

S What is jQuery?

S What can you do with jQuery in SharePoint?

S Simple Solutions

S Demos

To Code or Not to Code?

S Out-of-the-box features

will get you 80% of what

you need

S For the other 20% it’s

time to bring in some

code

What is jQuery?

S JavaScript Utility Library

S Fully supported in SharePoint

S Lets you do Client Side Development in SharePoint

S Download at https://jquery.com/download

S Upload to SharePoint Site Assets Folder for easy

reference

What can you do with jQuery

in SharePoint?

S Show/Hide Elements

S Get/Set Field Values

S Pull info from other lists/sites

S Dashboards

S Datatables, dialogs, graphs, charts

Solution #1 – Promoted Links

S Solves the “I can’t find what I need” problem

S Visual Navigation = convenient and appealing

Solution #2 –

Welcome Message

S Solves the “SharePoint isn’t personable” problem

S Pulls Logged in User’s Name and Time of Day for

Custom Welcome Message

S Free Web Part. Download here:

http://www.amrein.com/apps/page.asp?Q=5834

Solution #3 –

Announcements Rotator

S Helps to communicate info out to employees

S BrightBanner – Free Content Rotator App in App Store

S Or create your own with jQuery/SPServices/Bootstrap

Solution #4 –

Birthdays/Anniversaries

S Showing Employee Birthdays/Anniversaries draws users in and

encourages camaraderie.

S $125 WebPart from Amrein:

http://www.amrein.com/apps/page.asp?Q=5787

S Or

S Free Apps in App Store

Solution #5 - Weather

S CELGO Weather C – Free App in SharePoint 2013 App

Store

S Can use to show weather at multiple company locations

S Or insert jQuery script from any of the major weather

websites (Yahoo Weather, Weather Channel, etc)

Solution #6 - Filtered Views

S Helps you create dynamic dashboards

S [Me] Filter or [Today] Filter

Solution #7 - Filtered Lookup

Column

S Consider this scenario:

S You have a Jobs Lists with a Job Name field

and Job Status that marks .

S You have a Task List that you want to create

a Lookup field that pulls all Active Jobs from

the Jobs List

S Create a new Calculated Column

in the Jobs List called “ActiveTitle”.

Insert the following formula and

reference this calculated column in

your lookup field

S

Demo:

Filtered Lookup Column

Solution #8 - Audience

Targeting

S Target

WebParts/Content to

specific groups of

people

S Ex: Show different

announcements

depending on current

user’s department

Solution #9 – SharePoint Blog

S Simple Knowledge Base Solution

S Easy to set up

S Categories

S Searchable

Solution #10 – Hide the

“Recent” Heading

S No Code Option: Audience Targeting

S Create an empty SharePoint Permission Group

S Go to Site Settings -> Navigation

S Find the Recent Header Element - > Click Edit

S Put the name of the empty permission group in the audience

S Caveat: Must complete these steps on each site

S

Demo:

Hide Recent Heading

Solution #10 – Hide the

“Recent” Heading

S Code Option: jQuery

S Insert the following snippet in your Master Page ** This will hide the Recent on all sites/subsites

<script src="http://code.jquery.com/jquery-latest.min.js"type="text/javascript"></script>

<script type="text/javascript">

jQuery(document).ready(function() {

jQuery(".ms-core-listMenu-item:contains('Recent')").parent().hide();

});

</script>

Solution #11 - Disable Mobile

View

S Site Settings Site Features

S De-Activate “Mobile Browser View”

S Reasons to do this:

S 1. Responsive design eliminates need for SP default mobile

view

S 2. Mobile View can be confusing to navigate

Solution #12 – Default

Calendar Events to All Day

S Download jQuery.min and upload to SharePoint.

S Insert Script Editor Webpart in New Form of Calendar.

Put the following code in the script editor:

Solution #13 – Add Link to

Home Page on MySites

S Powershell to the rescue!

cls;

Add-PSSnapin "Microsoft.SharePoint.Powershell"

$webApp = Get-SPWebApplication

http://mycompanymysiteurl.com

$webApp.SuiteBarBrandingElementHtml = "<div class='ms-core-

brandingText'><a href='http://mycompanyintranet.com/'

style='color:white'>My Company Intranet Name</a></div>"

$webApp.Update()

Solution #14 - Hide the Left Nav

S Simple as adding a line of css

S Insert a script editor webpart on the page you want to

hide the left nav on. Paste in the following code:

<style type="text/css">

#sideNavBox {DISPLAY: none}

#contentBox {MARGIN-LEFT: 0px}

</style>

Solution #15 - Auto Populate

People Picker

S jQuery & SPServices: https://spservices.codeplex.com

S Insert a content editor webpart on the New Item Form of the List. Paste in the following code:

<script type="text/javascript" src="/SiteAssets/jquery-2.1.1.min.js"></script>

<script type="text/javascript" src="/SiteAssets/jquery.SPServices-2014.02.min.js"></script>

<script type="text/javascript">

$(document).ready(function() {

//Get the current user

var user= $().SPServices.SPGetCurrentUser();

$().SPServices.SPFindPeoplePicker({

peoplePickerDisplayName: "Employee",

valueToSet: user,

checkNames: true

});

});

</script>

Solution #16 – Org Chart

S Use when the Built-in Org Chart isn’t cutting it

S https://github.com/Aymkdn/OrgChart-JS-Sharepoint

Solution #17– Search-Driven

Company Directory

S Utilize Search Display

Templates to create a

Company Directory that

pulls from SharePoint

User Profiles

S Reference:

http://www.sharepointco

nfig.com/2013/05/how-

to-create-a-simple-

sharepoint-2013-

people-directory/

S

Thank You!

@aprildunnam

www.sharepointsiren.co

m