Tag: Javascript
30 December 2020MutationObserver Promise made easy
When adding a new feature to my Nifty Sitecore Userscript I noticed a lot of similar code to initiate one-time MutationObservers and disbanding them again after the Mutation was Observed. Clearly, a refactor was in order.
tags: Front-end - Javascript
12 September 2020
Using jQuery without breaking Sitecore 9 Forms validation
If the front-end code of you Sitecore 9 site is using jQuery, you might have run into some issues on pages with Sitecore Forms. This is because vanilla Sitecore Forms uses an unobtrusive form validation library that’s dependent on jQuery, but might not use the same version of jQuery that you wanna use in your front-end. jQuery has a .noConflict() method to deal with this, but how do you actually properly use it?
tags: Sitecore - Javascript - Front-end
8 June 2020
Inspecting Jekyll objects for GitHub Pages
This blog runs on GitHub Pages, which is powered by Jekyll. Jekyll generates the website as static html based on html templates, scss and markdown files. The templating system used is Liquid which has its own Liquid code to which Jekyll exposes some objects that you can use to iterate posts and tags etc. But because this code is run when regenerating the static html, you can’t easily debug and step through this code.
tags: Jekyll - Javascript
26 May 2020
Introducing nifty Sitecore userscript and filtering MutationObserver events
Like I’m sure many developers, when I use the same tool a lot I start see possibilities for improvement to suite my workflow. So too with the Sitecore client. So to automate everything I find myself doing twice, to the Tampermobile!
tags: Sitecore - Front-end - Javascript
27 March 2020
User-editable points in Highcharts
A customer wanted data displayed in a chart and be able to edit a single point. It seemed to me the best UX would be to have a button in Highchart’s Tooltip with which to edit the value. Searching for a solution I found more people asking for this feature but not really an answer I could work with.
tags: Front-end - Javascript