Implementing Tabbed Select Rendering Dialog in Sitecore new

Looking for better ways to organize components while selecting them using Select Rendering dialog in Page Editor, I came across this module (unable to find it on Sitecore Marketplace) and decided to implement it. The approach seemed pretty straight forward till I actually started implementing it. Here are a few lessons learnt during the implementation. The idea is to go from this: To: Since I couldn't find the module on Sitecore market place I decided to write this post describing the full implementation, including the code: Find the following file and create a backup <sitecore web root>\sitecore\shell\Applications\Dialogs\SelectRendering\SelectRendering.xml Edit the file to include the following line below "Renderings" element <Tabstrip ID="Tabs" Width="100%" Height="100%" Background="white" Padding="0px" style="position:absolute; width:100%;top:0px"/> Edit the codebesi...