Hi,
I am facing the following issues and below i have pasted the sample code for your reference and correction... I am using ASP.NET and VB.NET...
[1] In the first pane section am having a GridView control with the features mentioned. And in the runtime if i move the splitter either way the page gets hanged. And not allowing me to proceed...
Mainly i have mentioned the Scrollbars as "Auto" according to your Nested panes example. But even though i am getting the Vertical scoll bar in the first section which i dont want. Suggest some alternative?
[2] In windows Vista the splitter is not at all working?
[3] Ofcourse the splitter is coming between the two panes... How can i have the vertical splitter bar next to the second pane too?
[4] Is it possible to add websplitterbar at runtime too? Because i might add more zones at runtime within the panes and it should display the websplitter next to each of the panes...
The sample code is ....
<table style="font-size: 140%" width="133%">
<tr><td valign="top"> <ig:WebSplitter ID="WebSplitter1" runat="server"> <Panes>
<ig:SplitterPane Font-Size="Large" ScrollBars="Auto" style='position:relative'>
<Template> <asp:WebPartZone ID="WebPartZone1" width="100%" runat="server"> <ZoneTemplate> <!-- Place some grid view control with features such as Allowscolling,Paging,Sorting,caching etc--> </ZoneTemplate> </asp:WebPartZone>
</Template> </ig:SplitterPane>
<ig:SplitterPane Font-Size="Large" ScrollBars="Auto" style='position:relative>
<Template>
<asp:WebPartZone ID="WebPartZone2" width="100%" runat="server"> <ZoneTemplate> <asp:Calendar ID="C2" runat="server"></asp:Calendar> </ZoneTemplate></asp:WebPartZone></Template>
</ig:SplitterPane>
</Panes>
</ig:WebSplitter> </td></tr></table>
Hi Wishnu,
I tried to reproduce. So, I created a WebSite and copied provided codes into aspx. I tried to use both WebDataGrid and GridView with various behaviors and data inside of WebPartZone1. When I tested that sample, then I did not noticed any misbehavior, besides permanent scrollbars in browser due to width="133%". When I added stylehtml{ overflow-x: hidden; overflow-y: scroll; }used in your previous sample, then the right side of page became permanently hidden (I assume that application needs that behavior).
The WebSplitter does not control functionality of scrollbars located inside of it. What it does, it sets a value defined by ScrollBars property to the overflow attribute of the content pane. The rest is up to browser to show or to hide possible scrollbars, do scroll, etc. The value auto should be interpreted by a browser as automatic scrollbars and they supposed to appear when content does not fit in bounds of ContentPane. If application does not want those scrollbars, then it should use ScrollBars="Hidden".
I also would recommend to use EnableRelativeLayout="true" instead of style='position:relative'.
If you need permanent scrollbars in second pane, then you should use ScrollBars="Scroll".
The WebSplitter does not have collection of "SplitterBar" objects and it can not add/remove it. The splitterbars are created automatically to separate SplitterPanes. So, in order to "add" new splitterbar, application needs to add another pane to control. Below is example (vb codes will be almost identical).
protected void Button1_Click(object sender, EventArgs e){ this.WebSplitter1.Panes.Add();}