[Solved] Grid Lines missing if both Toolbar and Top pager enabled

[Wicky]

Hi,

I'm trying MVC grid 2011.3, I found that if I enabled both toolbar and top pager, some lines missing.

Please find attached image for your reference, which I cut from the batch editing demo (with top pager enabled).
...
.Pageable(x=>x.Position(GridPagerPosition.Both))
...

Regards
Wicky

[Dimo]

Hello Wicky,

Thanks for reporting this issue, we will address it for the next internal build. In the meantime, please use the following CSS rule:

.t-grid-pager:first-child,
.t-grouping-header+.t-grid-pager,
.t-grid-toolbar:first-child,
.t-grouping-header+.t-grid-toolbar,
.t-grid-toolbar+.t-grid-pager
{
    border-width: 0 0 1px;
}

I have updated your Telerik points.

Regards,
Dimo
the Telerik team

[Wicky]

Hi,
I found a similar issue in IE6
Please visit your demo "Toolbar Command (CSV Export)" with IE6, you can see a line missed between grid and toolbar.
It's normal in IE8 and IE9.
Regards
Wicky

[Dimo]

Hi Wicky,

The CSS selector provided above, which fixes the discussed problem, is not supported by IE6. In your case, you have several options, including -

- set the required style with Javascript in the Grid's OnLoad handler
- add an IE6-only CSS rule, e.g.

* html .t-grid .t-grid-pager
{
        border-width: 1px 0; /*will produce both top and bottom border*/
}

I will add the above to the common CSS. However, please note that  IE6 is now used by 1% of the U.S. users, with a similar statistics available for Europe. Although we still support this browser, we may refrain from now on to complicate our HTML output and CSS styles to solve some minor issues.

Kind regards,
Dimo
the Telerik team