Hi!
I am using Infragistics (v. 9.1) WebSplitter control in my application. I've 2 panes in the WebSplitter control. The application has been hosted on an internal web server. When I run the application from the server, I'm not able to see the divider between the two panes. Though I'm able to slide the divider on either sides but the slider image is not visible. Can you please suggest what could be the problem? I'm not able to find out the cause for the same.
ThanksAnuj
Hi Anuj,
I do not know what is wrong. The best I can do is give you few suggestions to test which may help to find the reason for misbehavior.1. Try to create a temporary page which has splitter with default setting (no global or custom css, etc).I expect it will show correctly.2. Increase complexity of that splitter by adding its content and test again3. If original splitter is located in container (divs, tables, etc), then build similar structure in that temporary test aspx.4. If there are global/custom css classes, then add them 1 by one.
Eventually you may find what is wrong.
It has nothing to do with complexity. I'm using this stripped down page. The splitter bar is not visible. It is there; if I click on it I can resize the panes. But it is completely invisible. I'm using IE8, workstation with XP SP 2. The bar is invisible if I run this in debug mode (VS 2008) or publish it and view it through IIS.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><%@ Register Assembly="Infragistics35.Web.v9.1, Version=9.1.20091.2087, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.Web.UI.LayoutControls" TagPrefix="ig" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title></title></head><body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> <div> <ig:WebSplitter ID="WebSplitter1" runat="server" Height="500px" Width="900px"> <Panes> <ig:SplitterPane runat="server"> <Template> <p style="border:solid 5px black">This is the left pane.</p> </Template> </ig:SplitterPane> <ig:SplitterPane runat="server"> <Template> <p style="border:solid 5px black">This is the right pane.</p> </Template> </ig:SplitterPane> </Panes> </ig:WebSplitter> </div> </form></body></html>