Tag: Front-end

MutationObserver 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

---

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

---

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

---

Styling external iframe content

When implementing staticman comments for this blog I ran into the issue that the blog has a dark and a light mode that you can switch between (the switch in the upper right) but the ReCaptcha can’t dynamically switch between the dark and light themes it has. And since the ReCaptcha is an iframe from another domain, you can’t apply CSS or JavaScript as one normally would. So now what, pick a theme and give up?

tags: Css - Front-end

---

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

---