Scroll Bar on Admin Products Grid

The current scroll bar at the bottom in the admin products grid is cumbersome to use if your trying to review products with certain attributes that are on the far right and far left.

I was trying to find a way to add a top scroll bar but no luck, so the next best alternative was to remove the scroll bar in the box completely and then use the standard browser scrol lbar when needed.

A simple CSS change was all that was needed:

OPEN: skin/adminhtml/default/default/boxes.css

(copy to local folder so as not to overwrite your change if an update is installed)

Around line 550, make the following change –


/* Horizontal scroll */
/* .hor-scroll { width:100%; overflow:auto; padding-bottom:4px; margin-bottom:-4px; } /* IE has personal style, see iestyles.css */
/* Removed the overflow:auto for the products grid ) */
.hor-scroll { width:100%; padding-bottom:4px; margin-bottom:-4px; } /* IE has personal style, see iestyles.css */

 

This doesn’t add an additional scroll bar at the top (with one at the bottom also) – it simply stops the overflow so that you can use your regular browser scroll bars. Really just a matter of preference.

Leave a Reply