Gå videre til hovedindholdet

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

SharePoint Apps


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 must be served over HTTPS.

7. Click on the shield in the top right corner




You'll get a popup with "This page is trying to load scripts from unauthenticated sources"
8. Click on "Load unsafe scripts" link

You are ready to go! Page URL in browser is showing the not secure "https", but your CSS saved locally will be loaded to the Office 365 page.




More Sans Style? How to inject URL to a CSS to file into a website, also SharePoint classic and modern sites pages in Branding SharePoint and Office365.

I also wrote
Branding SharePoint and Office365

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!




Kommentarer

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

or

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 …

Ups, I sold an app to 1 billion people!

Ups, I sold an app to 1 billion people!!!

Wow! Really?

No, I didn't :-)

I do have a SharePoint app (25 apps to be exact) at the Store for Office and SharePoint Apps.

No, I don't have 1 billion customers :-)

I enjoy building apps. First I get an idea, then I code the app, style the app, test the app. At the end I do a support document, text, images, and video to present the app for potential customers. Then comes advertising, contact to customers, updates...

And I try to keep my feet on the ground, and that's the reason for a smiley after "No, I didn't" and "No, I don't"

Building apps for Office Store differs from building custom solutions directly to customers. Most of the times, you have to come with idea for an app your self. Most of the time, you don't even know who bought your app.

Blah, bla, bla, no I didn't sell 1 billion apps :-)

I talked about apps with many developers and they were all listening me talking about hosting, app id…