EdCharbeneau

#Transform web.config on build

1. Unload the project
2. Edit .csproj
3. Append figure 1 to the end of the file just before </Project>; v12.0 my change depending on your version of Visual Studio
4. Save .csproj and reload
5. Open configuration manager
6. Add a new Configuration Name: Base. Copy settings from: Release
7. Copy the contents of your web.config
8. Right click Web.Config > Add Config Transformation

EdCharbeneau

using System;
using System.Collections.Generic;
using System.Configuration;
using System.Data.Entity;
using System.Globalization;
using System.IO;
using System.IO.Compression;
using System.Linq;
using System.Text.RegularExpressions;

EdCharbeneau

.banner {
font-size: 32px;
background-color: red;
color: white;
}

EdCharbeneau

    public static class ConfigurationExtensions
    {
        /// <summary>
        /// Adds a JSON configuration source to builder
        /// </summary>
        /// <param name="config"></param>
        /// <param name="configResourceName"></param>
        /// <returns>The IConfigurationBuilder</returns>
        public static IConfigurationBuilder AddJsonResource(this IConfigurationBuilder config, string configResourceName)
        {

EdCharbeneau

// Convert the DOM element to a drawing using kendo.drawing.drawDOM
kendo.drawing.drawDOM($(".qr-wrapper")) //#qrMail
.then(function(group) {
// Render the result as a PNG image
return kendo.drawing.exportImage(group);
})
.done(function(data) {
// Save the image file
kendo.saveAs({
dataURI: data,

EdCharbeneau

    <RemoteAuthenticatorView Action="@Action">
        <LoggingIn>
            <span>Logging you in...</span>
        </LoggingIn>
        <CompletingLoggingIn>
            <span>Checking permissions...</span>
        </CompletingLoggingIn>
        <LogInFailed>
            <span>Sorry, your login failed. Please try again or contact support.</span>
        </LogInFailed>

EdCharbeneau

public static class StringBuilderExtensions {
	public static StringBuilder AppendWhen(this StringBuilder sb, string value, bool predicate) {
		if(predicate) {
			sb.Append(value);
		}
		return sb;
	}
}

EdCharbeneau

@import "~@progress/kendo-theme-bootstrap/dist/all";

EdCharbeneau

@*Experimental, I'm still fairly new to Umbraco there could be an API avialbe for this already.
    This was inspired by http://cultiv.nl/blog/razor-vs-base-to-output-json-in-umbraco/
    If there is a better way please let me know via twitter @EdCharbeneau
        
    Add this template to your Umbraco site and any content can be called via Ajax using
    /mySite/contentPath/?alttemplate=AsJson

    Return value will be { propertyAlias : value }
    Ex: { "personAlias" : "John Doe", "id" : 1002 }
*@

EdCharbeneau

/*highlight the small rows*/
.main-layout > div:nth-child(4n-1), .main-layout > div:nth-child(4n) {
    background: #777
}

.main-layout > div {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;