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…

Shopify I Love You: Selling SharePoint apps, web parts

Lite SharePoint add-ins Free to download

Shopify I Love You 

It's been 4 years since I've started selling SharePoint apps at Office Store. I was one of the pioneers. Through the years I got used to selling SharePoint apps directly to customers by accepting payments to my account or with PayPal. Recently, I opened my own Store

And I'm thrilled. There is no point in comparing it to the Office Store. It is so much better.

And I'm more than thrilled. It took me less than a day to set it up. Click here. Click there. I got my products, prices, pictures. I can do a discount code for purchases. I accept PayPal and credit card payments with Stripe. All that for around $30 a month.

I could make it even better with custom look and feel, nice pictures. OK, I'll do that :-)

From time to time, I get emails from Shopify with links to articles that can improve my sales. They want me to sell.

Related Content

Ups, I sold an app to 1 billion people!

Points: Developer's Guide to App B…

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…