Tag: Front-end
16 May 2024A poor man's custom stylesheet bookmarklet
Working on a non-Sitecore project the last two years has caused a small hiatus in posts, but a strictly enforced no browser plug-ins policy did inspire me to make my own poor man’s custom CSS bookmarklet.
tags: Front-end - Javascript - Css
30 December 2020
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
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
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
21 April 2020
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?
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