Hello:
I am facing some issues using the websplitter control. I have two panes with the right side pane divided into two.
I have ultrawebgrid and webhierarchicaldatagrid controls placed in these respective panes. When I try to resize the splitter using mouse drag vertically(using divider between the two panes) , then the panes(and the controls placed in them) do not resize and move accordingly.Although when I try to resize the splitter using mouse drag horizontally(divider between two sections on the right side), then the panes(and the controls placed in them) seem to resize and move somewhat properly.
I have attached the screenshot depicting the problem and so also the aspx code for the websplitter.
Please suggest the possible corrective action for the same. Thanks.
Hi Manish,
Screen shot does not contain title of browser. I assume that is IE, because it has problems with support of html elements with position:relative. The grids use relative position to render itself and if their container does not have that attribute, then IE fails to render html.
To get around that issue, special property EnableRelativeLayout was added to LayoutPane (base class of SplitterPane). Try to enable that property or wrap whole content of SplittePane into <div> wrapper like below
<Template> <div style="width:100%;height:100%;position:relative;"> content of splitter pane </div></Template>