Gå videre til hovedindholdet

Branding SharePoint and Office365

SharePoint Apps

"You don't brand Outlook or Word. Why do you need to do branding on collaboration sites?"

Well, we want to :-) SharePoint is supposed to be great again. It is a development platform. So why not? :-)

Well, I've been working with SharePoint for a long time and it was always possible to define URL address to a CSS file and style the pages. Team Sites and other SharePoint Foundation sites were born with Microsoft blue colors, and we immediately got to learn everything about feature stapling. Yes, cool kids feature staple.

Then came the JavaScript injection and PnP.

Still, in my opinion, we should have a place in SharePoint or Office 365 UI where we can set URL to a custom stylesheet.

Then I was thinking about Microsoft talking about disruption, multiple platforms and how SharePoint developers are now web developers.

So I found a place. Call it disruption, baby. The place is called browser, whether it be Chrome, Internet Explorer, Firefox, Safari, Edge, Opera or else. As a web developer, I can now code that too ;-)

For a starter, I made a Chrome addon, called Sans Style. A little button in browser that opens a form. It is an extension to Chrome browser. A form where you can define a website and a stylesheet and save it. Once saved, the Sans Style addon adds the custom CSS to the website, you defined each time you open the website.


So now I can brand SharePoint, I can brand SharePoint modern pages, I can brand almost any website. Others need the SansStyle addon with the website and CSS defined in order to see the branding. It kind of works as Ad Blocker, it just adds style to a website.

It's free. Get it at Chrome web store  Awesome to style SharePoint with CSS on localhost (Read more at http://sp2013.blogspot.com/2017/03/sharepoint-branding-office-365-classic.html)

I also manged to make Facebook red. But, I don't have to change Facebook or CNN. SharePoint and Office 365, as a development platform? Yes!

I also wrote

SharePoint Branding Office 365 classic and modern - CSS file on localhost

SharePoint Branding Modern Pages

Digitization, automation, artificial intelligence and robots

Career in IT. Sex drugs and rock and roll

SharePoint Store - Buying an Add-in, the Customer View

Points: Developer's Guide to App Business Value

Ups, I sold an app to 1 billion people!


Populære indlæg fra denne blog

SharePoint Store - Buying an Add-in, the Customer View

Lite SharePoint add-ins Free to download

Customer at the Microsoft SharePoint Office Store


How hard is to add an app

The practical realization of the dream of making a free app and then eventually earning money

Microsoft made some improvements to the store recently. All improvements are welcome. Microsoft has its own add-ins and is focused on strengthening the platform, Office and SharePoint.
I do not work for Microsoft. No thank you.

I'm, just to make it clear, just as any other developer or a company trying to make money from SharePoint add-ins. My own Store is also open for business.

In the following I'll describe how it is to be a customer at the Microsoft's SharePoint store, the process of finding an app, buying the app... Oh, it is called add-in now...

1. Searching for a SharePoint add-in from SharePoint

I clicked on "Add an app" and searched for "page layouts" from SharePoint

I got 32 results. Nice.

I clicked on the link to open the SharePoint St…

SharePoint Branding Modern Pages

SharePoint Branding Modern Pages

I was in Paris two years ago. I had a session about Branding Office 365. Everything went fine, except the one thing missing - branding. I spent all my time telling people not to brand what today is called classic sites - the old fashioned SharePoint pages and sites that we know from SharePoint on-premises.

I was telling people not to invest heavily in branding. Branding that is often thought of as a long term, one time investment on SharePoint on-premises is no longer so on Office 365.

Constant Microsoft updates are "breaking" your branding and modern pages and sites such as Delve, MySite are built in a different way than the classic sites.

I felt that it was important to tell people about it. But it was a sad session. I'm very positive, glad, smiling, always thinking about new opportunities. Not a Microsoft gray material. People that came to my session were expecting to learn how to brand Office 365. We all ended up being sad. The world …

SharePoint Branding Office 365 classic and modern - CSS on localhost - walk on the wild side

I tend to write a line in CSS, save the file and refresh the page in browser so I can see the result. Any tool that is more complicated and takes more time to see the result is not for me.

How can you work with CSS on localhost while seeing the result on Office 365?

1. Create a project in Visual Studio and add a stylesheet (I chose Core 1.0 Cloud project)

2. Click on Debug -> Start Without Debugging
3. Browse to the CSS file on localhost

4. Open a SharePoint site on Office 365 that you want to style

5. Click on "S" icon, paste the URL to the CSS file and click on "Add website" button
Don't have the "S"? Sans Style free. Get it at Chrome web store

6. Refresh the page

You'll get this error:

Mixed Content: The page at 'https://toughcookie.sharepoint.com/sites/dev/SitePages/DevHome.aspx' was loaded over HTTPS, but requested an insecure stylesheet 'http://localhost:57355/css/sansstyle.css'. This request has been blocked; the content…