Hi All,
There is a problem with the height property of web tab when I take it inside the web splitter. I set value of the height of web tab to 100% and take it inside my web splitter. In FireFox it run well, but in IE the height of web tab seems to be not fit with pane of web splitter, the scroll bar of pane of web splitter appear.
My codes:
<!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>Untitled Page</title> <style type="Text/css"> * { border: 0; } #content{ height: 100%; /* here you can adjust size */ } .split{ border:0; /* optionnal */ } </style></head><body> <form id="form1" runat="server"><asp:ScriptManager ID="ScriptManager1" runat="server" /> <div id="content"> <ig:WebSplitter ID="WebSplitter1" runat="server" Height="300px" Width="500px" CssClass="split" BorderStyle="solid" BorderWidth="2px" BorderColor="red" StyleSetName="Default"> <Panes> <ig:SplitterPane runat="server" Size="250px"> <Template> <igtab:UltraWebTab ID="UltraWebTab1" runat="server" Width="100%" Height="100%" TabOrientation="BottomLeft"> </igtab:UltraWebTab> </Template> </ig:SplitterPane> <ig:SplitterPane runat="server" Size="100%"> <Template> </Template> </ig:SplitterPane> </Panes> </ig:WebSplitter> </div> </form></body></html>
When I set scrollbar of pane to hidden so then the web tab seem to be lost.
This maybe is limitations of web tab? I use v8.2 of Infragistics.
Please help. Thanks so much!
Hello,
I believe the following forum thread (especially the third post) on how to set splitter and its content panes to height in percentages is really useful:
http://forums.infragistics.com/forums/t/11239.aspx
Please, let me know if the approach suggested there works for you
Thank you for reply.
The problem seem to resolve in IE when I delete the line: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> at the top of web page. But in FireFox the SplitterBar run not well. When you resize the browser and after that resize to maximum again, then you hover the mouse on SplitterBar the issue occurs, the width of SplitterBar seem to be larger than before.
If you find the good code. Could you send it to me?
Thanks so much.
I have found solution to resolve this issues. I have set CSS property for SplitterBar. My code:
.Splitter2BarThickness{ padding-right:0.1; }
Now it run well in both IE and FF3 when remove <! DOCTYPE.