Google Wave a Complete Guide
Since I got lot of questions what Google Wave is, and when to use it I will provide some information below.
On Mashable you can find a complete guide: http://mashable.com/2009/05/28/google-wave-guide/
Also I will advise you to sit down and relax by watching the next videos:
Enable Google Wave in SharePoint Content Editor WebPart
"Google Wave is an online tool for real-time communication and collaboration. A wave can be both a conversation and a document where people can discuss and work together using richly formatted text, photos, videos, maps, and more."
At the moment of writing Google Wave is currently in a limited preview. In this post I will describe how you can load a "Wave" into the SharePoint content editor WebPart. No development knowledge or server deployment is needed to follow this steps.
- Get an Google Wave account.
- Create a new wave.
- Get the Wave ID. In the developer preview you can do this by while the Google Wave is active, select Debug>Get current Wave ID. In the public release this is not as easy. However you can add the next buddy to your wave: embeddy@appspot.com This buddy generates JavaScript code including the Wave ID. You can see this in the next screenshot.
- Copy the Generated Javascript.
- Go to your SharePoint site.
- Add a Content Editor WebPart and go to the source editor.
- Paste your JavaScript code.
- Congratulations, now you have your Wave into SharePoint.
- Additionally you can "pimp" your JavaScript. You can use http://code.google.com/intl/nl/apis/wave/guide.html as a reference.
My Content Editor WebPart Source Code is:
<div id="wave" style="width: 100%; height: 500px"></div>
<script
type="text/javascript"
src="http://wave-api.appspot.com/public/embed.js">
</script>
<script type="text/javascript">
var wave =
new WavePanel('https://wave.google.com/wave/');
wave.setUIConfig('white', 'black', 'Arial', '13px');
wave.loadWave('googlewave.com!w+YOURWAVEID);
wave.init(document.getElementById('wave'));
</script>
Centering a Page using divs for IE and FireFox
Lot of people spend lot of time on the "Look and Feel" of a site. For SharePointers this often means customizing the CSS and masterpage. The Default SharePoint Masterpage is centered on the left. However in lot of situations you want a div or table centred at the screen. The next screendump is an example of centering a page in the browser window.
If you want to center a page also you can use the next snippet.
<!-- Center a page using DIVs IE and FireFox -->
<!-- E.g. SharePoint centered MasterPage -->
<html>
<head>
<title>My Centered Page</title>
<style type="text/css">
BODY {
height:100%;
background-color: #FF00DD;
}
.PageContainer{
width: 100%;
height: 100%;
background-color: #FF00DD;
/* For IE6 */
text-align: center;
/* For other browsers */
margin-left: auto;
margin-right: auto;
}
.MainContainer{
width: 950px;
padding-top: 0px;
/* For IE6 */
text-align: center;
/* For other browsers */
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body>
<form>
<!-- Custom -->
<div class="PageContainer">
<!-- For SP development you maybe want to put this outside your page -->
<!-- This is a SiteAction button for publishing page -->
<div class="SettingsMenu">
<PublishingSiteAction:SiteActionMenu runat="server"/>
</div>
<div class="MainContainer">
<!-- All other content place holders here... -->
</div>
</div>
</form>
</body>
<html>
Note: Since extranet SharePoint pages use several browsers I preffer using Div's. In the CSS you can see several tags for e.g. Internet Explorer and FireFox.