Published: 07 August 2017

Do you know that there was nice feature in Sitecore 6 - 7.2 that allows use mouse scroll on Content Editor Ribbon?

Once when I was working on project based on Sitecore 7.2 I accidentally scrolled the mouse wheel when cursor was on Content Editor ribbon.

What happened next with this Sitecore behaviour surprised me: it switched to the next Content Editor tab. I found this be a very use feature that sped up my work in Content Editor, especially when you are looking for a button and you may have forgotten where it is located. It not only saved me time but also stopped this getting on my nerves as I utilise this feature day to day.

But, when I switched to project based on Sitecore 8, I was disappointed. The scroll did not work anymore... So, I then decided to return to this feature and add into Sitecore myself to improve it!

All that you need to do this is:, find \sitecore\shell\Applications\Content Manager\Content Editor.js file and put this JavaScript to the end:

jQuery(document).ready(function () { 
jQuery("#RibbonPanel").bind("mousewheel", function (event) {
var array = jQuery(event.currentTarget).find(".scRibbonNavigatorButtonsGroupButtons a");
if (array.length > 1) {
var active = jQuery(event.currentTarget).find(".scRibbonNavigatorButtonsGroupButtons a.scRibbonNavigatorButtonsActive");
var index = array.index(active);
var delta = (event.originalEvent.wheelDelta > 0 ? 1 : -1);
if (index === array.length - delta) {
if (delta < 0) {
array[0].click();
}
else {
array[1].click();
}
}
else {
if (index === 0) {
              array.last().click(); 
}
else {
array[index + delta].click();
}
}
}
});
});

Voila, you can use scroll for ribbon navigation again!

Anton Tishchenko

Server-Side Developer

READ MORE FROM ANTON TISHCHENKO

Page Name: {% PageName %}

Page Template: {% PageTemplate %}

CampaignID: {% AgentReferrer.ID %}

CampaignName: {% AgentReferrer.Name %}

CampaignPhone: {% AgentReferrer.Phone %}

Item Location: {% PageLocation %}

Search Session Exists: False