I am hoping someone can solve my issue with the colorpicker. I need to add a colorpicker icon to the radpanelbar but all it seems to do is display the icon on its initial load (even outside the scrolling region) and when the scroll bar is moved, the colorpicker icons remain in place.
I have started with the demo of the Scheduler / First Look which shows on the left side of the splitter, 2 stacked calendars and a radPanelBar with selectable "Team Calendars" and "My Calendar". I have a replaced the existing radPanelBar of the demo with mine as follows:
I have isolated a bit of test code to populate this radPanelBar by calling the function testLoad() during Page Load:
var rpiRoot =
"Root Panel "
(var i = 1; i < count; i++ )
var rpiSub =
var literal =
"<div title='Sub Panel "
+ i +
"'>Sub Panel "
+ i +
var cp =
SelectedColor = Color.FromArgb(i * 0x100 + i * 0x10 + i),
PaletteModes = PaletteModes.HSB,
cp.ColorChanged += cpMyCalendar_OnColorChanged;
This works just fine under IE8, Google Chrome, Firefox and Safari. But under IE7, I get rendering issues of the colorpicker icon as show in the attached picture. When I scroll the left side, the colorpicker icons remain where they were initially rendered.
I attempted to add the style rule "position:relative" to the owning parent(s) but all this did was make the parent exhibit the same behavior as the icon.
Thanks in advance for helping me out on this.