Category Archives: Umbraco

Umbraco, knockout js and forms part 2

This post extends part 1 and talks about how to get all the already submitted reviews, display them, and enable rating and commenting functionality on them, all using knockout js. This includes using knockout templates, adding additional functions/observables to pre-mapped view models, extending knockout binding handlers, and implementing a ‘show more’ function to dynamically load another page of results. Continue reading “Umbraco, knockout js and forms part 2” »

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” »

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” »

Unit testing Umbraco 7

I’ve implemented the wonderful Hybrid Framework for Umbraco and got it upgraded to Umbraco 7. All good. But…as the site continues to grow and gets more complex, I’m feeling more and more scared of doing big development. This post looks at how I set up unit testing using NUnit, Microsoft Fakes and Moq. I used help from Andy Butlands post on using Microsoft Fakes, so kudos there!

Continue reading “Unit testing 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” »

Multi-tab slider in Umbraco with Zurb Foundation

This post is about the development of a sliding component built using Umbraco and the Foundation framework with sprinklings of javascript and css transitions. It was built for the re-development of leicester.gov.uk. The idea is that the component should show 3 panels by default with some key content showing in all. Then, to reveal additional content, each tab can be expanded, which in turns collapses the other tabs. Continue reading “Multi-tab slider in Umbraco with Zurb Foundation” »