Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
350
Problem with the height of UltraWebTab in Web Splitter
posted

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!