Single Page Apps (SPA) are becoming many SharePoint and .NET developers favorite way to build applications. There are many great frameworks to aid in the process, but one of my favorites is Durandal. Durndal itself relies on some other very well known libraries, such as Knockout, Require.js, and jQuery. Here I will show how to create a Durandal based SPA that can be deployed into SharePoint as a SharePoint-hosted app. This means all code will live client side and we will not need any access to the server or server side code.
The source code for everything we do here is posted at the bottom, so go ahead and grab that if you want it.
###Building and Understanding SharePoint-hosted apps
Open Visual Studio 2013 and create a new project. Create a C# project with the .NET Framework 4.5. I will be creating an expense report manager to demonstrate the capibilities of a SPA in SharePoint, so I named my project ReportManager.
As expected, Internet Explorer presents problems rendering the HTML5 <Video>
tag in SharePoint 2010.
<video width="320" height="240" controls>
<source src="mov_bbb.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
I threw this sample into a Content Editor Web Part and had the video rendering perfectly Chrome and Firefox right away. But I took a look in IE, and:
Invalid Source. After digging around, many articles suggest that HTML5 tags, like Video, need the HTML5 DOCTYPE to render.
Read more...This blog was just created using Jekll and GitHub pages. The number one goal was having control of the files I publish. Word Press, Tumbler, Medium, SharePoint, or anything platform based was out. I just want to push static pages (html/css/js) without anything sever side. But I wanted a bit more ease than having to type each line of HTML myself. No need to insert <h1>
and <p>
tags if something can take care of simple styles for me. Which is exactly what Jekyll can do. Jekyll is a Ruby script that takes in text files and spits out all of the complete html needed to upload directly to your favorite host. However I was not looking to pay for hosting. Luckily GitHub Pages are free and are coincidently built on Jekyll as well. So how do you use Jekyll? And how do you post your Jekyll generated site for free to GitHub?
Use this guide!
https://learn.andrewmunsell.com/learn/jekyll-by-example
After looking through a few Jekyll/GitHub Pages guides, I finally stumbled on this magnificant tutorial. It explains Jekyll with a goal of hosting your site on Amazon, but everything up until the Amazon piece can be followed exactly. The high level overview:
Read more...