Office 365 Public Site - How to insert JQuery or other HTML directly into the page

I know I promised this post a long time ago but thankfully I have been very busy.

On the surface the HTML web part available on the public facing website appears to be a Swiss army knife for the site. If you can insert any HTML into the page then you can do just about anything. But… on closer examination you find that the HTML you insert into the part is placed in an Iframe and all script and content is loaded with the setTimeout JavaScript function. Currently it does appear that the base theme CSS is inserted into the Iframe but any custom CSS is not being applied. This is easily worked around if you either copy and paste your same CSS or use the same import statement I discussed in my previous post.

The reason I started looking at the HTML part was to insert JQuery and my own script into the page. Being asynchronously loaded into an Iframe meant no real help when it came to modifying elements on my page. So I started searching elsewhere. I then stumbled on the Site Options on the Site ribbon in SPD.

Federation with Lync on Office 365 and Your Customers

We have just setup federation with 2 of our clients and it could not have been any easier.  We allowed the external communication and simply had the clients add: “sipfed.online.lync.com” for bajaconsulting.com to their trusted domains.  (see http://lyncdup.com/2011/04/how-to-enable-office365-lync-online-to-federate-with-lync-on-prem/ for a great walk through).

Office 365 Here I Come

Well in my last post I promised to write more about the changes I have made to www.bajaconsulting.com but before I could I got accepted into the Office 365 Beta program (http://www.microsoft.com/en-us/office365/online-software.aspx) which of course includes a small business public web site based on SharePoint 2010.  I could not have been happier and jump right in to make the same changes I had just made to my new static site on the SharePoint site plus add some cool new stuff that only SharePoint 2010 could supply.

The first thing I did was start changing the page layout (through the GUI) to look the way I wanted it.  I put the menu at the top of the page and added my copyright information to the bottom. 

I then started looking at customizing the CSS… very easy also:

Updating BajaConsulting.com

I have been updating www.bajaconsulting.com to include HTML5 and a lot of JQuery / Ajax.  Stay tuned and I will post more.