Navigation on expand and collapse scroll bar appears on the grid

[Sunil]

I am working on an ASP.NET Web Forms application using Telerik RadGrid (Metro skin).

Scenario

• The page has a left navigation panel that can be collapsed / expanded

• On toggle, the main content container width is changed using CSS only (no page refresh)

• On initial page load or full refresh, the grid renders correctly

• On toggle of CSS in the expand mode only, the grid suddenly shows a horizontal scrollbar

Observed Behaviour

• This happens only after clicking toggle ( external button written in C# code)

• Rebinding the grid (Rebind()) or calling repaint() does not fix the issue

• A full page refresh always fixes it. 

 

How can i prevent the scoll from appearing when the grid has lesser columns. the scrolls appears from _Frozen.

 

Best Regards,

Sunil Shanakr S R