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>
Hi Tregan,
The only thing I can guess, is failed css. Appearance and behavior of WebSplitter and almost all other Infragistics.Web.UI controls rely on default css classes. You may verify if those css classes are loaded. The most reliable way, is to use local to website ig_res directory with required css and images. You may look at source of generated html for your page and check href in links similar to
<link href="ig_res/default/ig_splitter.css" type="text/css" rel="stylesheet" />
To check if that file was actually loaded, you may temporary add any html element to your page and set its class-attribute to any class defined in ig_splitter.css. For example, add to your page something like
<div class="igspl_VSplitBarShadowLimit">igspl_VSplitBarShadowLimit</div> <div class="igspl_HSplitBar">igspl_HSplitBar</div>
igspl_VSplitBarShadowLimit should have yellow background and igspl_HSplitBar should have background image. If they not appear, then ig_splitter.css is not available on server and you should find a way to fix that.
For the benefit of anyone that has googled this issue: you'll find the folder you need (on an XP machine) at "C:\Documents and Settings\All Users\Documents\Infragistics\NetAdvantage for .NET 2009.1\ASP.NET\StyleLibraries\Default". Copy this entire folder into your web application inside a root folder named "ig_res" and the websplitter splitter bar will work properly. You'll notice that a number of other controls also need *.css files from this folder to function properly.
Mr. Snezhko, the Infragistics documention probably mentions the above somewhere, but it is not mentioned in the instructions for using the WebSplitter control. When you get posts complaining that the WebSplitter divider is not visible you'll probably save time by first instructing the complaintant to copy this folder into his web application.