Building a single-application component using Sitecore MVC, JS MVVM Framework and BrainJocks SCORE – PART 1

In this series of posts, I would like to show our readers how to build out a single-application component in Sitecore using one of the many popular MVVM JS frameworks on the market – in this case Knockout, together with BrainJocks SCORE. Even if you don’t use SCORE in your project, you can still follow […]

continue

Background to Foreground Image Solution for Responsive Web Development

Proper design plays a key role when it comes to the topic of responsive web design (RWD). But sometimes we don’t have the luxury of a flushed out design to begin with. We often have to manage and make practical use of the assets in hand, and in some cases, background images can become a […]

continue

SCORE 2.0 Component Assembly 101, Part 2: Form Components

In my first post in this series, we walked through the process of building a simple component. Let’s go a bit further now and build something very useful in Sitecore: a custom form. While a module like Web Forms for Marketers can definitely help you build forms, it can be heavy handed and sometimes doesn’t quite fit the bill. That’s where form components come in. Luckily, BrainJocks SCORE has a few features and patterns that can help you out, and keep your content authors happy at the same time.

continue

Styling Experience Editor for a Better Content Admin Experience

When building a new site using BrainJocks SCORE, are you paying attention to the styling of the Experience Editor view?

Some project team members may consider this a waste of time, especially for projects that are low on budget and/or need to be finished very quickly. But neglecting Experience Editor has meaningful consequences – and your Content Administrators will be the ones who suffer. A frustrating authoring and editing experience can make it impossible to leverage the full power of even the best website.

Our ultimate goal with BrainJocks’ projects is to style Experience Editor to look as close to the front end of the site as possible, optimizing the admin experience. I’ll explain two types of Experience Editor styling that we address when we build websites.

continue

How to Get Sitecore Dictionary in JavaScript

It’s very easy to get translations in back-end code — either Razor views or .cs files — by simply calling to Sitecore.Globalization.Translate.Text(). But what about JavaScript widgets? There we have several options: Item Web API results in overhead and is hard to use without additional implementation. StringDictionary embeds values right in HTML and needs to be configured […]

continue

How to Test PageMode.IsExperienceEditorEditing in Sitecore

If you are passionate about testing automation in Sitecore, sooner or later you will want to mock Context.PageMode.IsExperienceEditorEditing (or Context.PageMode.IsPageEditorEditing in pre-Sitecore 8) properties. This post will give you step-by-step instructions on how to do that using Sitecore.FakeDb.

continue