Alt row background color doesn't stretch beyond base scroll position when grid is inside tabstrip

[Scott]

I have a kendoGrid loaded inside a kendoTabStrip.  The kendoTabStrip is contained within a div styled as follows:

         #bindableObjectsContainer {

            width: 400px;
            overflow: auto;
            white-space: nowrap;
            text-wrap: none;
        }

.The kendoGrid has the following properties:

            height: 500,
            scrollable: false,

The entire page is contained inside an iframe with width and height defined as follows:

 width="100%" height="600"

The grid data displays fine.  The container div has both horizontal and vertical scroll bars, as desired.  The problem is that the background color of the alt rows does not extend past the base unscrolled position.  Please see attached screen shots.  Any ideas?  Thanks.

 

 

[Vladimir Iliev]

Hi Scott,

Could you please provide runable demo (for example in Kendo UI dojo) where the issue is reproduced? This would help us pinpoint the exact reason for this behavior.

Regards,
Vladimir Iliev
Telerik

 

 

[Scott]

I found the problem. It was caused by a custom theme that I created from your Theme Builder here: http://demos.telerik.com/kendo-ui/themebuilder/.  All I did to create that custom theme was change a few colors in the default "Black" theme, then save the results for use with my app.

I removed the custom theme and replaced it with the kendo.black.min.css styles.  Now it works fine.  Thanks.