PDA

View Full Version : How to avoid repeated image in toolbar



darshanK
31 Jul 2013, 5:31 PM
I need to implement a navigation panel in my application which has several menus and sub menus. I have implemented this using Toolbar and split button. However in split button the small arrow dropdown image is getting repeated, in IE8 and below browsers in specific browser zoom settings like 85%, 95%, 105%, 115%. (Refer Screenshot)

I have written following CSS to avoid repeating image.
{code}
.x-toolbar .x-btn-split-right{
background: url("../images/arrow_white_down.png") no-repeat 100% 35%;
padding-right: 12px !important;
}
{code}

Even though I am using no-repeat, I am facing above issue. However this issue is not observed in any other browser.

Any suggestions on how to tackle it.

Gary Schlosberg
6 Aug 2013, 12:25 PM
You might get more response from the community if you include a small test case which reproduces the issue. It gives helpful readers something to quickly try out and throw fixes at.

trajkamal
24 Oct 2013, 10:26 PM
I found the same defect in the sencha docs.

http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.grid.plugin.DragDrop-event-drop

you can reproduce this in IE8 with browser Zoom level in 105%.