Category Archives: How to’s

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

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

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

How to make flexible video carousels in Hubspot

Hubspot is a great platform to develop SEO-optimised websites and blogs. One of our clients (skeleton productions) needed a way to showcase their portfolio of corporate videos. Here’s how I implemented owl carousel to allow them to create and manage their own content without being hindered by the platform.

Continue reading “How to make flexible video carousels in Hubspot” »

Globalizing orchard layout elements and then testing them

So, I created a hubspot blog post layout element in orchard for a recent project (which I intend to write a post about later). I was then asked to make it personalised by country, so users would see different blog posts based on which country they were in. This is how I did it…

Continue reading “Globalizing orchard layout elements and then testing them” »

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