Hi,
In my project I've included WebSplitter that contains 2 panes splited verticaly. In the right Pane I have WebDataGrid which displays results from the parameters inserted into the Search Control in the left pane. I wanted the left pane to be colapsable so I can get more space to display the results in the WebDataGrid. The width of the DataGrid and the Right Pane is set to 100%.
When I colapse the left pane the DataGrid and the right pane resize normaly. But when i reopen the left pane the DataGrid and the right pane don't resize and extend the whole page with the width of the left reopened pane.
NOTE: This problem exists FireFox, in IE they resize back normaly
I tested following and it worked in IE and Firefox same way. After expand left page, the width of WebSplitter did not increase (grid was filled with data within OnLoad).
<ig:WebSplitter ID="WebSplitter1" runat="server" Height="166px" Width="100%"> <Panes> <ig:SplitterPane runat="server" CollapsedDirection="NextPane"></ig:SplitterPane> <ig:SplitterPane runat="server" Size="100%"> <Template> <ig:WebDataGrid style="" ID="WebDataGrid1" runat="server" Height="370px" Width="100%"> </ig:WebDataGrid> </Template> </ig:SplitterPane> </Panes></ig:WebSplitter>
The problem occures when the WebSpliter is inside table. Please try this :
<table class="style1"> <tr> <td> <ig:WebSplitter ID="WebSplitter1" runat="server" Height="200px" Width="100%"> <panes> <ig:SplitterPane runat="server" CollapsedDirection="PreviousPane" MinSize="150px"> </ig:SplitterPane> <ig:SplitterPane runat="server"> </ig:SplitterPane> </panes> </ig:WebSplitter> </td> </tr> </table>