Category Archives: Javascript

Umbraco, knockout js and forms part 1

This post is about how to implement Umbraco MVC forms with Unobtrusive bootstrap validation and use knockout js to perform data binding. It also covers adding additional functions and properties to mapped observables without having to add them to your c# view models.

Continue reading “Umbraco, knockout js and forms part 1” »

Front-end development with Hubspot Part 1

Recently, we’ve startedĀ using Hubspot, which is a service that helps companies with their inbound marketing. It provides a content management system (which they call a ‘content optimization system’ :p) that can be hooked in to fairly easily. For me, its syntax is very similar to twig, a popular php templating language. It provides control structures, filters, functions etc. There’s some nice bits and some truly flakey bits – here’s what I’ve learnt so far…

Continue reading “Front-end development with Hubspot Part 1” »

Unit tests for angular services

I’m trying to follow john papa’s excellent angular design principles article. One aspect to this is setting up routes that resolve service calls that can immediately be called by controllers using the ‘controllerAs’ syntax. However, the question arises of how to test these? After trawling round loads of different articles, I’ve cobbled together a solution that works (for better or worse).

Continue reading “Unit tests for angular services” »

Leafletjs maps for Umbraco 7

I’ve been working on a mapping property editor for Umbraco 7 recently that allows users to pick a location and zoom, or do an address lookup. Since users of the front-end website will see open street map tiles when they publish their pages, I thought it’d make sense to also show them the same style map in the back-office when they’re actually creating it. I learnt a few bits and pieces about angularjs directives here as well. Grab the code here if you like and read on.

Continue reading “Leafletjs maps for Umbraco 7” »

Ajax contour forms and zurb abide

This post is about implementing the contour forms package for Umbraco and still trying to follow best practices with regard to loading javascripts just before the closing body tag. I also implemented an ajax form submission method which grabs the resulting success message. It also uses zurb’s abide javascript validation library.

Continue reading “Ajax contour forms and zurb abide” »

Auto-output doctype template for Umbraco

This post is a continuation of this one. It discusses how to output a generic content page that loops through all properties of that page and outputs them automatically. So, for document types that are quite similar, only 1 template is required instead of 1 for each. Also, I’ve been looking at the zurb foundation reveal component, specifically using ajax to load content into it.

Continue reading “Auto-output doctype template for Umbraco” »