Category Archives: Javascript

Injecting React components into other React components

So the challenge was, our List component should use a ListItem component to render each item. However, on another page, the same list should be rendered but using a different list item component. You might be thinking, why not just create 2 list components with 2 different list item components? The aim was to reduce duplication and the need to restyle pretty much identical components. Continue reading “Injecting React components into other React components” »

Javascript ES6 features

In order to learn some of the new features of ES6, I’ve created a git repo which a load of mocha test suites. The good thing about it is that you get a meaningful description of the feature as well as a little example of the code. The code isn’t transpiled so don’t try running it in netscape navigator or anything 😉

Here’s the link – ES6 Features

Any feedback welcome.

Salesforce Reporting API and NVD3

I’ve read a few posts about how to query Salesforce’s reporting API in order to generate charts. However, none of those explained how to set custom filters or groupings on that data. One of our clients required a chart making but not using the default groupings/filters that existed in the actual report. Here’s how it was done… Continue reading “Salesforce Reporting API and NVD3” »

AngularJS load bar for VisualForce remoting

While there are modules out there to automatically add loading bars using angular http interceptors, when using VisualForce remoting, the actual retrieval of data is deferred to visual force, effectively hiding the request. So, how do you show a loading bar when using this technology? Or how do you deal with multiple directives that all call remoting methods at the same time and are asynchronous? Here’s one way… Continue reading “AngularJS load bar for VisualForce remoting” »

Effectively working with AngularJS in and out of Salesforce

So we were creating an AngularJS app as the front-end for a Salesforce community. We used VisualForce remoting to get the data while in Salesforce. But we didn’t want to muck around having to constantly deploy assets into Salesforce during development. So, we came up with a pretty effective way of allowing front-end designers/dev’s to work outside of salesforce without having to modify the app when it was plugged into salesforce. Here’s how… Continue reading “Effectively working with AngularJS in and out of Salesforce” »

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