Office 365 Public Websites + Introducing Delve – Keith Tuomi, SharePoint MVP – vSharePoint / vOffice365 User Group Presentation

Here’s my presentation from today’s vSharePoint and vOffice365 user group in Victoria BC. Be sure to also check out our Office 365 hosted site at www.vsharepoint.com, which has all past Presentations available for download.
[field name=iframe]

NOVEMBER 2014 EDITION: We’re mixing things up this month!

This month we’re bringing the members of vSharePoint and vOffice 365 together under one roof.

Why? Why not! Better yet – ask vSP and vO365 founder Sean Wallbridge at the event.

===

Agenda: Arrive at 11:30 for networking & refreshments; presentations start promptly at noon.

===

Presentation #1: Project Management Neanderthal … to Social #metrosexual – Lesley Preston, Supervisor Business Solutions, City of Victoria
Presentation #2: Office 365 SharePoint Public Websites – Keith Tuomi, SharePoint Consultant and SharePoint MVP, itgroove Professional Services Ltd.
Quick Update – What’s New in Office 365 – Robert Dick, Technology Consultant and Office 365 MVP, itgroove Professional Services Ltd.
OneNote Quick TipKelly Marshall, Training Consultant and OneNote MVP, itgroove Professional Services Ltd.

===

Door Prize: Bag of Office 365 Swag – from the Microsoft Office 365 Team
Mini Prize: OneNote Water Bottle – from the Microsoft OneNote Product Team

Kelly Marshall, vO365 co-founder and co-host

Reddit Q&A with the SharePoint MVP Experts Chat On Oct 29th

From the MVP Community Program:

We are launching our SharePoint MVP Expert Chats again!  Have questions about SharePoint 2010 or 2013?  Or SharePoint Online? Office 365?  Please join us October 29th at 1pm EST or 10am PDT where you can have your questions answered live!  We will be using the Reddit Ask Me Anything format.  This is new to us but many of Microsoft teams are using this medium now.  Please create a Reddit account beforehand so you can be ready to ask questions.  More information on the chat and room location will be available on Oct 29th in the SharePoint forum.  Hope you can join us!

https://www.reddit.com/r/sharepoint

Hope you can join us!

MVP Experts Participating:

Gavin Barron Blog Twitter
Andrew Connell Blog Twitter
Cathy Dew Blog Twitter
Randy Drisgill Blog Twitter
Spencer Harbar Blog Twitter
Doug Hemminger Blog Twitter
Sahil Malik Blog Twitter
Sean McNeill Blog Twitter
John Ross Blog Twitter
Eric Shupps Blog Twitter
Melissa Travers Blog Twitter
Kris Wagner Blog Twitter
Doug Ware Blog Twitter
Wictor Wilen Blog Twitter
Shane Young Blog Twitter

IE=Edge in SP 2010

We have experimented quite a bit with having IE9 Compatibility mode turned on in custom SharePoint 2010 Branding.

Out of the Box SP 2010 Masterpages come with the following tag:

<meta http-equiv="X-UA-Compatible" content="IE=8"/>

You may try changing it to IE=9 to get some of the goodies but will quickly notice things blow up and there is simply no choice for the time being except to remain in IE=8 mode.
Recently we tried IE=Edge, which indicates “hey, use the latest IE version”. I guess this could save you some maintenance in the future in some scenarios but really seems like it’s prone to just cause future headaches. If your code outlives IE version iterations you will probably have plenty of scope to evaluate browser compatibilty once in a while.

A particular symptom of what will break with IE=Edge / IE=9, is that the SharePoint user picker UI will not work for multi user selection. That would classify as a showstopper:

Install SP Designer 2007 after SP Designer 2010

Don’t!  Microsoft tries to warn you in the install.. if you are a cowboy and just want to get SharePoint Designer 2007 installed to accomplish a specific task requiring it, don’t install it on the same workstation as SP Designer 2010. Put it on another VM, do the task at home, wherever – anywhere but the same box as your dev SP Designer 2010 install.

Short of some registry hacking it looks like although SharePoint Designer 2010 will function in it’s base form after uninstalling 2007, if you try it open a site from the SP Site Actions menu it will fail to make the association and prompts you instead to “download SharePoint Designer”:

 

 

 

 

 

 

 

 

 
Full uninstall of both SP Designer 2007 and SP Designer 2010, resintall 2010. Same result: your SP Designer will have little birds circling it’s head and X’s for eyes.

I’m sure the answer is out there somewhere on how to restore the association between the site actions “Open in SharePoint Designer” link, and I will post here when I find it. In the meantime, all indications continue to it being wise not crossing the streams with 2007 & 2010 Designer!

 

 

 

 

SharePoint Designer 2007 & 2010 removing closing tags

Problem:
You put an <h2> or other element tag around masterpage or page layout content in SharePoint Designer 2007 or 2010.

Everything is great. You can’t believe your geeky HTML skills are still getting things done. Check in the file, approve.. BLAM you look at the page and everything is messed up! What the.. go back to Designer, check your handiwork, and you see some glaring yellow highlighting indicating that suddenly, your H1 tag or whatnot no longer has a closing element – If you HAD put <h2>..content..</h2>, the CLOSING TAG is now evaporated through sheer lunacy. Or maybe it’s following XHTML standards. Who knows – all i know is when I put in a closing tag it damn well should stay there or at least warn me that I made a boo boo:

 

Solution:
Add an extra closing tag. So, in our example, we tried adding an <h2> </h2>tag around the ContentSection1Title tag. Designer promptly ate the closing </h2> tag. So, just add </h2></h2> at the end. Ignore SharePoint Designer highlighting the duplicate closing tag as erroneous: as soon as you press Ctrl-S and save the file it will remove one closing tag but leave the other:

There you go, hacking SharePoint Designer for stress-free WYSIWG.

Firefox Friday #1 – Useful Plugins for SharePoint Development

As SharePoint developers we are bound to IE but often fallback to other browsers for various reasons such as performance, HTML standards compliance, or in my case with Firefox – the plugins available.   The official Technet on what is and is not supported on various browsers (Chrome is notably not even in there): http://technet.microsoft.com/en-us/library/cc263526.aspx. I will follow up this post with a list of what specifically will not work with SharePoint when using Firefox (so you can’t say I didn’t warn you!)

While Google Chrome is definitely a solid choice, if you are using Firefox the following plugins will help you out:

FasterFox Plugin

Download: http://fasterfox.mozdev.org/
Description:
Various network tweaks that deliver a zippy experience. This will also speed up your SharePoint user experience greatly too.

  • Prefetch Links
    Dynamic speed increases can be obtained with Fasterfox’s unique
    prefetching mechanism, which recycles idle bandwidth by silently
    loading and caching all of the links on the page you are browsing.
  • Tweak Network
    Fasterfox allows you to tweak many network and rendering
    settings such as simultaneous connections, pipelining, cache,
    DNS cache, and initial paint delay.
  • Page Load Timer
    A millisecond accurate page load timer tests the effectiveness
    of your settings.
  • Block Popups
    A popup blocker for popups initiated by Flash plug-ins is also
    included.

Notes:
1. Remember, just because you’ve got a turbocharged browser doesn’t mean your colleagues or clients do.  This plugin is a double-edged sword because you can get lazy or indifferent about performance problems on web applications. If you are developing, testing, or QA’ing systems you should either use a different browser (COUGH IETester COUGH) or temporarily disable Fasterfox.

2. The out of the box setting in the Firefox > Add-Ons > FasterFox > Options menu is “Optimized“. Set that bad boy to “Turbo Charged” and to hell with playing nice with server resources – our time is worth more!


Windows Media Player Plugin for Firefox

Download: http://www.interoperabilitybridges.com/windows-media-player-firefox-plugin-download
Description: Lets you run Windows Media content in Firefox. In particular you will be able to stream WMV videos such as the ones we have in the newly minted it groove SharePoint center directly in your browser window.

Web Developer Toolbar

Download: https://addons.mozilla.org/en-US/firefox/addon/web-developer/
Description: Adds a toolbar with a slew of options essential for anything webby. CSS, Forms, Images, Cookies, Viewing Source – instantly get Xray vision into any web page.

iMacros for Firefox

Download: https://addons.mozilla.org/en-US/firefox/addon/imacros-for-firefox/?src=collection&collection_id=da0ecd99-2289-7ab0-7d57-e7c489c845c3
Description: Automate Firefox. Record and replay repetitious work. If you love the
Firefox web browser, but are tired of repetitive tasks like visiting the
same sites every days, filling out forms, and remembering passwords,
then iMacros for Firefox is the solution you’ve been dreaming of!
***Whatever you do with Firefox, iMacros can automate it.***

Colorzilla

Download: https://addons.mozilla.org/en-US/firefox/addon/colorzilla/
Description: With ColorZilla you can get a color reading from any point in your
browser, quickly adjust this color and paste it into another program.
You can Zoom the page you are viewing and measure distances between any
two points on the page. The built-in palette browser allows choosing
colors from pre-defined color sets and saving the most used colors in
custom palettes.

Basic end-user usage could be grabbing the color code for the blue from a clients logo and matching it up to another design element.

Firebug

Download: http://getfirebug.com/
Description: Firebug integrates with Firefox to put a wealth of web development tools
at your fingertips while you browse. You can edit, debug, and monitor
CSS, HTML, and JavaScript live in any web page.

Learning to use Firebug is a whole different topic but it is possible for non-developers to get working with it to quickly id and delegate issues due to Javascript or CSS issues, broken images, etc.

Firebug also is required for Yahoo YSlow and the Google Pagespeed Firefox Plugins

SharePoint 2010 Get Current Username / Logged in User

Have been exploring the SharePoint Client Object Model and in particular the Javascript Object Model

While there are methods to get the current user info, you can also simply borrow the logged in username from the top right of the screen:


<script type="text/javascript">// <![CDATA[
 var Username = document.getElementById("zz16_Menu").innerHTML ;
 var end = Username.indexOf("<");
 var nameOnly = Username.substring(8, end);
 document.write(nameOnly);

// ]]></script>

This technique is a little complex for my liking however, so here’s a snappier way to grab the current login name (using Jquery):


var Username = $("#zz16_Menu").text();
document.write(Username);

Note that the #zz16 identifier will vary based on your Master page. Use the Firefox Web Developer tools or Internet Explorer F12 tools to find out what the ID should be on your SharePoint site.

Using this type of technique is definitely more brittle than actually using a CAML query however in my mind would be more performant than actually doing a lookup in the DB. Would love to know if someone knows the scoop on that..

Update 05/12/2011

As my colleague Colin pointed out – the name that appears on the top right can really be anything and can change – for example if a user gets married and their name changes. A better approach would be to retireve the value programmatically using SPServices ( http://spservices.codeplex.com/wikipage?title=$%28%29.SPServices.SPGetCurrentUser ). As of version v0.6.1, you can also request the ID of the user by specifying fieldName: “ID”.  Much more stable to use in most scenarios:

$().SPServices.SPGetCurrentUser({
	fieldName: "ID",
	debug: false
});