Intersoft Community - WebDesktop - Upgrading to Intersoft 2013 issues

Upgrading to Intersoft 2013 issues

bernardx — Thu, 20 Mar 2014 22:21:31 GMT

Hi Roi,

Sorry for my late responses. I can replicate your issue here. This issue might be happen because in IE browser form tag in your code doesn't have any height. You could add:

style="height: 100%; display: block;"

to your form tag. This will solve the issue.

This issue happen because HTML4 doctype has different rendering method for each browser. That's why I suggest you to use HTML5 doctype. Each browser which have HTML5 support implement same rendering method so it would have the same structure and view in those browser. Although, if you want to support IE8 browser, I think you could use XHTML doctype instead of HTML4 doctype. XHTML doctype almost have the same rendering structure for each browser. Please also consider that IE10 and above only support HTML5 doctype as its standard doctype. Hope this helps.

Regards,
Bernard

Upgrading to Intersoft 2013 issues

roiu@a-g-r-e.com — Wed, 19 Mar 2014 04:41:44 GMT

Bernard Hi,

Please inform me why there are rendering differences between IE, chrome and FF.

The WebPaneManager is not fully streched to 100% on IE

<%@ Register Assembly="ISNet.WebUI.WebInput" Namespace="ISNet.WebUI.WebControls" TagPrefix="ISWebInput" %>
<%@ Register Assembly="ISNet.WebUI.WebDesktop" Namespace="ISNet.WebUI.WebDesktop" TagPrefix="ISWebDesktop" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head runat="server">
    <title></title>
     
    <script type="text/javascript">
       
        function WebPaneManager1_OnInitialize(controlId) {
            var navPane = ISGetObject("WebNavPane1");
           
            return true;
        }
        function OnBarClick(Id, BarItem) {
           
        }
        function Redirect(page) {
            
        }
        
    </script>     
</head>
<body>
    <form id="form1" runat="server">
    
    <div style="height: 100%; width: 100%;">
        <ISWebDesktop:WebPaneManager ID="WebPaneManager1" runat="server" Height="100%" Width="100%" RenderingMode="Quirks"
                                     ImagesDirectory="~/Images/" >
            <RootGroupPane Name="RootGroupPane" Text="Root GroupPane" GroupPaneHeaderVisible="No">
                <Panes>
                    <ISWebDesktop:WebPane Height="Custom" HeightValue="45px" Name="Header" Text="Header" 
                        ContentScrollable="false" AllowCollapse="No" AllowResize="No" DiscardContainerStyle="false"
                        HeaderVisible="No" ContentMode="UseInlineContent">
                       <ContentTemplate>
                            <div>
                               
                            </div>
                        </ContentTemplate>                       
                    </ISWebDesktop:WebPane>
                    <ISWebDesktop:WebGroupPane GroupType="VerticalTile" Name="GroupContent" Text="Group Content">
                        <Panes>
                            <ISWebDesktop:WebPane AllowCollapse="No" AllowResize="No" Name="Content" Text="Content"
                                                 ContentMode="UseIFrame" HeaderAppearance="UseSubStyle" HeaderVisible="No" Height="Custom" HeightValue="100%" >
                                    <ContentTemplate>
                                    </ContentTemplate>                                    
                                </ISWebDesktop:WebPane>
                            <ISWebDesktop:WebPane Name="Side" Text="Side" Width="Custom" WidthValue="250px" AllowCollapse="Yes" HeightValue="100%"
                                                  AllowResize="Yes" HeaderAppearance="UseSubStyle" HeaderVisible="No">
                                <ContentTemplate>
                                    <div style="display: none;">
                                        <ISWebInput:WebInput ID="hdn_SelectedBarItem" runat="server" Text="" />
                                    </div>
                                    <ISWebDesktop:WebNavPane ID="WebNavPane1" runat="server" Height="100%" Width="100%"
                                                              GripImage="" OnBarClick="OnBarClick">
                                        
                                        <Bars>       
                                                                                                                                                                                  
                                            <ISWebDesktop:WebNavBar ContentMode="UseInlineContent" CaptionDisplayMode="TextAndImage" 
                                                                    Image="~/Images/Bank_Big.gif" Name="ManageBankPages" 
                                                                    Text="xxxx">
                                                    <ContentTemplate>
                                                      ????
                                                </ContentTemplate>                                                   
                                            </ISWebDesktop:WebNavBar>  
                                                                                                                                                                                                                                                                         
                                        </Bars>
                                                                           
                                    </ISWebDesktop:WebNavPane>
                                </ContentTemplate>
                            </ISWebDesktop:WebPane>
                        </Panes>
                    </ISWebDesktop:WebGroupPane>
                </Panes>
            </RootGroupPane>
            <FrameStyle BackColor="#E0E0E0" BorderColor="#404040" BorderStyle="None" BorderWidth="0px"
                ForeColor="White">                
                <BorderSettings>                    
                    <Top Width="0px" />
                </BorderSettings>
                <Padding Bottom="0px" Left="0px" Right="0px" Top="0px" />
            </FrameStyle>
            <PaneSettings>
                <HeaderSubStyle BackColor="#E0E0E0" BackColor2="White" BorderColor="Gray" BorderStyle="Solid"
                    BorderWidth="1px" Font-Names="Tahoma" Font-Size="8pt" GradientType="Vertical">
                    <Padding Bottom="0px" Left="0px" Right="0px" Top="0px" />
                </HeaderSubStyle>
                <InfoTextStyle Font-Names="Tahoma" Font-Size="8pt" ForeColor="White">
                </InfoTextStyle>
                <ContainerStyle BackColor="White" BorderColor="Gray" BorderStyle="Solid" BorderWidth="1px"
                    Font-Names="Tahoma" Font-Size="8pt" ForeColor="Black">
                    <Padding Bottom="0px" Left="0px" Right="0px" Top="0px" />
                </ContainerStyle>
                <HeaderMainStyle BackColor="DimGray" BackColor2="LightGray" BorderColor="Gray" BorderStyle="Solid"
                    BorderWidth="1px" Font-Bold="True" Font-Names="Arial" Font-Size="12pt" ForeColor="White"
                    GradientType="Vertical">
                    <BorderSettings>
                        <Top Width="0" />
                    </BorderSettings>
                    <Margin Bottom="0px" Left="0px" Right="0px" Top="0px" />
                    <Padding Bottom="0px" Left="0px" Right="0px" Top="0px" />
                </HeaderMainStyle>
            </PaneSettings>
            <SplitterStyle>
                <Active BackColor="Black" BaseStyle="Normal">
                </Active>
                <Over BaseStyle="Normal">
                </Over>
                <Normal BackColor="#E0E0E0">
                </Normal>
            </SplitterStyle>
            <TextSettings InProgressText="" />
            <ImagesSettings SplitterGripBottom="SplitterDown.gif" SplitterGripLeft="SplitterLeft.gif"
                SplitterGripRight="SplitterRight.gif" SplitterGripTop="SplitterUp.gif" InProgress="Loading/loading43.gif" />
            <ClientSideEvents OnInitialize="WebPaneManager1_OnInitialize" />
        </ISWebDesktop:WebPaneManager>
    </div>        
    
    </form>
</body>
</html>

This also does not render the same (pane is not fully streched):

<%@ Register Assembly="ISNet.WebUI.WebInput" Namespace="ISNet.WebUI.WebControls" TagPrefix="ISWebInput" %>

<%@ Register Assembly="ISNet.WebUI.WebDesktop" Namespace="ISNet.WebUI.WebDesktop" TagPrefix="ISWebDesktop" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

</head>

<body>

<ISWebDesktop:WebPaneManager ID="WebPaneManager1" runat="server" Height="100%" Width="100%">

<Panes>

<ISWebDesktop:WebPane Name="Pane0" Text="Pane 0" Height="Fill" HeightValue="100%">

</ISWebDesktop:WebPane>

</Panes>

</RootGroupPane>

</ISWebDesktop:WebPaneManager>

</div>

</form>

</body>

</html>

Upgrading to Intersoft 2013 issues

bernard — Thu, 13 Mar 2014 22:42:55 GMT

Hi Roi,

When using our control in IE8, you could use RenderingMode Quirks for HTML4 doctype or XHTML for XHTML doctype. You should also input your the correct doctype before html opening tag. It should be:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<html>

<!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">

With those doctype and RenderingMode property, our control will render properly in IE8. Hope this helps.

Regards,
Bernard

Upgrading to Intersoft 2013 issues

roiu@a-g-r-e.com — Thu, 13 Mar 2014 10:59:52 GMT

Bernard Hi,

Thank you.

What would be the best practice to use latest controls with IE 8?

When using IE > 9\chrome\firefox I use HTML5 doctype + RenderingMode=HTML5 for all controls

For IE = 8 I don't use any doctype, and RenderingMode=Quirks (not loading webgrids, and I get many JS errors)

Upgrading to Intersoft 2013 issues

bernard — Wed, 12 Mar 2014 00:10:21 GMT

Hi Roi,

I tried to replicate you issue here. It seems your sample working properly in our local end. I have modified some style in your sample so WebPaneManager and WebNavBar can adapt with HTML5 doctype. You can download your modified sample here. Please let me know if the issue still persist in your local end. Hope this helps.

Regards,
Bernard

Upgrading to Intersoft 2013 issues

roiu@a-g-r-e.com — Tue, 11 Mar 2014 06:20:55 GMT

Hi, this is quite urgent.

I have encountered problems with latest versions of ISNet on IE (tested on IE 11).

(I would also wish to add that working with HTML5 doctypes and rendering mode

works well on both chrome and firefox.

IE, on the other hand, seems to be a catastrophy.

Please inform me what is the BEST practice when using HTML5.

)

When clicking on either bar item, i get the following error:

GetPaneIFrameElement [Line: 7, Col: 14977], ISRes.axd

this.GetPaneIFrameElement(); }; this.GetPaneIFrameElement =function () { var v5d389 =this.GetContentDivElement(); if (IS.moz ||IS.safari) { if (IS.IsHTML5DocType()) { while (v5d389.children[0].tagName !="IFRAME") v5d389 =v5d389.children[0]; } } else { while (v5d389.children.length !=2) v5d389 =v5d389.children[0]; } if (v5d389.children

....

{exception} Unable to get property 'children' of undefined or null reference

Attached a web page:

<%@ Register Assembly="ISNet.WebUI.WebInput" Namespace="ISNet.WebUI.WebControls" TagPrefix="ISWebInput" %>
<%@ Register Assembly="ISNet.WebUI.WebDesktop" Namespace="ISNet.WebUI.WebDesktop" TagPrefix="ISWebDesktop" %>
<!DOCTYPE html>
<html>
<head runat="server">
    <title></title>
    <link href="~/App_Themes/C4E/V4Style.css" rel="stylesheet" type="text/css" />  
    
    <script type="text/javascript">
         
        function WebPaneManager1_OnInitialize(controlId) {        
            return true;
        }
        function OnBarClick(Id, BarItem) {
            var Nindex = BarItem.Index;
            var navPane = ISGetObject("WebNavPane1");
            var paneManager = ISGetObject("WebPaneManager1");
            var pane = paneManager.GetPaneByName("Content");
            pane.SetContentURL("test.htm");
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <ISWebDesktop:WebPaneManager ID="WebPaneManager1" runat="server" Height="100%" Width="100%"
                                     ImagesDirectory="~/Images/" RenderingMode="HTML5">
            <RootGroupPane Name="RootGroupPane" Text="Root GroupPane" GroupPaneHeaderVisible="No">
                <Panes>
                    <ISWebDesktop:WebPane Height="Custom" HeightValue="45px" Name="Header" Text="Header"
                        ContentScrollable="false" AllowCollapse="No" AllowResize="No" DiscardContainerStyle="false"
                        HeaderVisible="No" ContentMode="UseInlineContent">
                       <ContentTemplate>
                            
                        </ContentTemplate>                       
                    </ISWebDesktop:WebPane>
                    <ISWebDesktop:WebGroupPane GroupType="VerticalTile" Name="GroupContent" Text="Group Content">
                        <Panes>
                            <ISWebDesktop:WebPane AllowCollapse="No" AllowResize="No" Name="Content" Text="Content"
                                                 ContentMode="UseIFrame" HeaderAppearance="UseSubStyle" HeaderVisible="No" Height="Custom" HeightValue="100%">
                                    <ContentTemplate>
                                    </ContentTemplate>                                    
                                </ISWebDesktop:WebPane>
                            <ISWebDesktop:WebPane Name="Side" Text="Side" Width="Custom" WidthValue="250px" AllowCollapse="Yes"
                                                  AllowResize="Yes" HeaderAppearance="UseSubStyle" HeaderVisible="No">
                                <ContentTemplate>
                                    
                                    <ISWebDesktop:WebNavPane ID="WebNavPane1" runat="server" Height="100%" Width="100%" RenderingMode="HTML5" 
                                                              GripImage="" OnBarClick="OnBarClick" BarVisible="3">
                                        
                                        <Bars>                                                                                                                                                 
                                            <ISWebDesktop:WebNavBar ContentMode="UseInlineContent" CaptionDisplayMode="TextAndImage" 
                                                                    Image="~/Images/1.gif" Name="ManageBankPages" 
                                                                    Text="1">
                                                    <ContentTemplate>
                                                        
                                                </ContentTemplate>                                                   
                                            </ISWebDesktop:WebNavBar>  
                                                  
                                            <ISWebDesktop:WebNavBar ContentMode="UseInlineContent" CaptionDisplayMode="TextAndImage" 
                                                                    Image="~/Images/2.gif" Name="Banks"
                                                                    Text="2">
                                                <ContentTemplate>
                                                    
                                                </ContentTemplate>
                                            </ISWebDesktop:WebNavBar> 
                                              
                                            <ISWebDesktop:WebNavBar ContentMode="UseInlineContent" CaptionDisplayMode="TextAndImage" 
                                                                    Image="~/Images/3.gif" Name="SAP_REC"
                                                                    Text="3">
                                                <ContentTemplate>
                                                    
                                                </ContentTemplate>
                                            </ISWebDesktop:WebNavBar> 
                                                                                                  
                                                    
                                           
                                                                                                                                                                                                                                                                         
                                        </Bars>
                                        <GripStyle>
                                            <Normal BackColor="LightGray" BackColor2="128, 128, 128" 
                                                GradientType="Vertical" Overflow="Hidden">
                                            </Normal>
                                            <Over BaseStyle="Normal">
                                            </Over>
                                            <Active BackColor="Gray" BackColor2="0, 0, 0" BaseStyle="Normal">
                                            </Active>
                                        </GripStyle>
                                        <FooterSettings>
                                            <FooterStyle BackColor="White" BackColor2="220, 220, 220"
                                                GradientType="Vertical" HorizontalAlign="Right" Overflow="Hidden" Height="20px" />
                                        </FooterSettings>
                                        <BarSettings>
                                            <CaptionStyle BackColor="Gray" BackColor2="245, 245, 245" Font-Bold="True" 
                                                Font-Names="Arial" Font-Size="11pt" ForeColor="White" Height="20px" 
                                                Overflow="Hidden">
                                                <Padding Bottom="4px" Left="4px" Right="4px" Top="4px" />
                                            </CaptionStyle>
                                            <BarStyle>
                                                <Normal BackColor="White" BackColor2="245, 245, 245" Cursor="Hand" 
                                                    Font-Bold="True" Font-Names="Tahoma" Font-Size="8.25pt" GradientType="Vertical" 
                                                    Overflow="Hidden" OverflowX="Hidden" OverflowY="Hidden">
                                                </Normal>
                                                <Over BackColor="LightSteelBlue" BaseStyle="Normal">
                                                </Over>
                                                <Active BackColor="LightGray" BaseStyle="Normal">
                                                </Active>
                                            </BarStyle>
                                        </BarSettings>
                                        <BarItemSettings>
                                            <ItemStyle>
                                            <Normal Cursor="Hand" Font-Names="Tahoma" Font-Size="8.25pt" ForeColor="Black" 
                                                Overflow="Hidden">
                                                <Padding Bottom="3px" Left="6px" Right="6px" Top="3px" />
                                            </Normal>
                                            <Over BackColor="WhiteSmoke" BaseStyle="Normal">
                                            </Over>
                                            <Active BackColor="#C0C0FF" BaseStyle="Normal" BorderColor="#0000C0" 
                                                BorderStyle="Solid" BorderWidth="1px" Font-Bold="True">
                                            </Active>
                                            </ItemStyle>
                                            <ItemsContainerStyle Font-Names="Tahoma" Font-Size="8.25pt" Height="100%" 
                                                Overflow="Hidden" OverflowY="Hidden" Width="100%">
                                                <Padding Bottom="4px" Left="4px" Right="4px" Top="4px" />
                                            </ItemsContainerStyle>
                                        </BarItemSettings>
                                        <FrameStyle BackColor="#EFEFEF" BorderColor="Silver" BorderStyle="Solid" BorderWidth="1px" />                                         
                                    </ISWebDesktop:WebNavPane>
                                </ContentTemplate>
                            </ISWebDesktop:WebPane>
                        </Panes>
                    </ISWebDesktop:WebGroupPane>
                </Panes>
            </RootGroupPane>
             <FrameStyle BackColor="#E0E0E0" BorderColor="#404040" BorderStyle="None" BorderWidth="0px"
                ForeColor="White">                
                <BorderSettings>                    
                    <Top Width="0px" />
                </BorderSettings>
                <Padding Bottom="0px" Left="0px" Right="0px" Top="0px" />
            </FrameStyle>
            <PaneSettings>
                <HeaderSubStyle BackColor="#E0E0E0" BackColor2="White" BorderColor="Gray" BorderStyle="Solid"
                    BorderWidth="1px" Font-Names="Tahoma" Font-Size="8pt" GradientType="Vertical">
                    <Padding Bottom="0px" Left="0px" Right="0px" Top="0px" />
                </HeaderSubStyle>
                <InfoTextStyle Font-Names="Tahoma" Font-Size="8pt" ForeColor="White">
                </InfoTextStyle>
                <ContainerStyle BackColor="White" BorderColor="Gray" BorderStyle="Solid" BorderWidth="1px"
                    Font-Names="Tahoma" Font-Size="8pt" ForeColor="Black">
                    <Padding Bottom="0px" Left="0px" Right="0px" Top="0px" />
                </ContainerStyle>
                <HeaderMainStyle BackColor="DimGray" BackColor2="LightGray" BorderColor="Gray" BorderStyle="Solid"
                    BorderWidth="1px" Font-Bold="True" Font-Names="Arial" Font-Size="12pt" ForeColor="White"
                    GradientType="Vertical">
                    <BorderSettings>
                        <Top Width="0" />
                    </BorderSettings>
                    <Margin Bottom="0px" Left="0px" Right="0px" Top="0px" />
                    <Padding Bottom="0px" Left="0px" Right="0px" Top="0px" />
                </HeaderMainStyle>
            </PaneSettings>
            <SplitterStyle>
                <Active BackColor="Black" BaseStyle="Normal">
                </Active>
                <Over BaseStyle="Normal">
                </Over>
                <Normal BackColor="#E0E0E0">
                </Normal>
            </SplitterStyle>
            <TextSettings InProgressText="" />
            <ImagesSettings SplitterGripBottom="SplitterDown.gif" SplitterGripLeft="SplitterLeft.gif"
                SplitterGripRight="SplitterRight.gif" SplitterGripTop="SplitterUp.gif" InProgress="Loading/loading43.gif" />
            <ClientSideEvents OnInitialize="WebPaneManager1_OnInitialize" />
        </ISWebDesktop:WebPaneManager>
    </div>
    </form>
</body>
</html>

web.config:

<system.webServer>

</handlers>

</modules>

</requestFiltering>

</security>

</system.webServer>

Upgrading to Intersoft 2013 issues

bernard — Thu, 23 Jan 2014 20:50:19 GMT

Hi Roi,

This update will be included with our latest hotfix. Thank you for your valuable feedback.

Regards,
Bernard

Upgrading to Intersoft 2013 issues

roiu@a-g-r-e.com — Thu, 23 Jan 2014 14:17:12 GMT

Bernard Hi,

Thank you very much for you kind reply. Your patch seems to be working.

Is this issue about to be fixed this month? Would you be able to inform us on the hotfix release?

I am still investigating issues with IE 8 and HTML 4. Will update you soon.

Thanks!

Upgrading to Intersoft 2013 issues

bernard — Wed, 22 Jan 2014 22:56:07 GMT

Hi Roi,

I think there's regression in our WebButton. I will include this in our hotfix this month. Meanwhile, you could do this in our WebButton:

function iLoad() {
   var wb = ISGetObject("iWebButton");
   alert('Page Load');
   if(IS.ie11)
      wb.GetElement().click();
   else
      wb.Click();
}

We are really sorry for this inconvenience. Hope this helps.

Regard,
Bernard

Upgrading to Intersoft 2013 issues

roiu@a-g-r-e.com — Wed, 22 Jan 2014 04:54:59 GMT

Bernard Hi,

The following code causes IE 11 to generate the above errors, which in return cause web page to reload when simulating a client side WebButton click. This behaviour only occurs on IE 11, while other browsers do not show any errors or reload the page:

<!DOCTYPE HTML>
<html>
<head runat="server">
    <title></title>    
</head>
<body onload="iLoad();">
    <form id="form1" runat="server">
    <div>
    
                      
             <ISWebDesktop:WebButton CausesValidation="false" ID="iWebButton" runat="server" Height="20px"                                      AutoPostback="false" OnClientClick="iWebButton_OnClientClick">                
                <FlyPostBackSettings PostHiddenFields="True" PostInputControls="True" />                  
            </ISWebDesktop:WebButton>               
        
    </div>
    </form>
</body>
</html>
<script language="javascript" type="text/javascript">
    function iLoad() {
        var wb = ISGetObject("iWebButton");
        alert('Page Load');
        wb.Click();
    }
    
    function iWebButton_OnClientClick(controlId, parameter) {
        alert("iWebButton Clicked");
    }
    
</script>

Also, which hander are you refering to when using integrated pipeline. This is my web.config system.WebServer tag. Is it declared ok?

<system.webServer>

</handlers>

</modules>

</requestFiltering>

</security>

</system.webServer>

Upgrading to Intersoft 2013 issues

roiu@a-g-r-e.com — Wed, 15 Jan 2014 08:07:47 GMT

Hello,

I have upgraded my project with intersoft's latest assemblies, and I am encountering some issues.

Before upgrading, I made sure my application works as expected with previous versions of intersoft.

I'm using Win 7 64-bit enviroment.
Application pool settings: .Net Framework 4, Managed pipeline mode: Integrated.

First, I have made changes to web.config, according to the following link:

http://www.intersoftpt.com/Support/WebUIStudio/Tutorial/Text/Configure-Intersoft-products-to-run-in-IIS7-environment/

Also, using Common Library as described here:

http://www.intersoftpt.com/Support/Featured/Tutorial/WebUIStudio/Configure-CommonLibrary-manually-in-IIS/

I added <!DOCTYPE html> to my aspx file that contains a ISWebDesktop:WebPaneManager control:

 <div style="height:100%; width:100%;">                        
        <ISWebDesktop:WebPaneManager ID="WebPaneManager1" runat="server" 
                                     Height="100%" Width="100%"
                                     ImagesDirectory="~/Images/" 
                                     RenderingMode="HTML5">
                <RootGroupPane Name="RootGroupPane" Text="Root GroupPane" GroupPaneHeaderVisible="No">
                    <Panes>
                        <ISWebDesktop:WebPane ContentScrollable="false" AllowCollapse="No" AllowResize="No" Height="Custom" HeightValue="45px"  
                                              Name="Header" DiscardContainerStyle="false" HeaderVisible="No" ContentMode="UseInlineContent">                            
                            <ContentTemplate>
                                
                            </ContentTemplate>
                            <ContentPadding Right="0" Top="0" Left="0" Bottom="0" />                              
                        </ISWebDesktop:WebPane>
                        <ISWebDesktop:WebGroupPane GroupType="VerticalTile" Name="GroupContent" Text="Group Content" HeightValue="100%">
                            <Panes>
                                <ISWebDesktop:WebPane AllowCollapse="No" AllowResize="No" Name="Content" Text="Content" ContentMode="UseIFrame" HeaderAppearance="UseSubStyle" HeaderVisible="No">
                                    <ContentTemplate>
                                    </ContentTemplate>                                    
                                </ISWebDesktop:WebPane>
                                <ISWebDesktop:WebPane AllowCollapse="Yes" AllowResize="Yes" Name="Side" Width="Custom" WidthValue="250px" HeaderAppearance="UseSubStyle" HeaderVisible="No">
                                    <ContentTemplate>
                                        <div style="display:none;"><ISWebInput:WebInput ID="hdn_SelectedBarItem" runat="server" Text="" /></div>  
                                        <ISWebDesktop:WebNavPane BarVisible="5" ID="WebNavPane1" runat="server" Height="100%" Width="100%"
                                                                 GripImage="" ImagesDirectory="~/Images" OnBarClick="OnBarClick">
                                            <Bars>                                                                                                                                                 
                                                <ISWebDesktop:WebNavBar ContentMode="UseInlineContent" CaptionDisplayMode="TextAndImage" 
                                                                        Image="~/Images/Bank_Big.gif" Name="ManageBankPages" 
                                                                        Text="1">
                                                      <ContentTemplate>
                                                          <NB:NavBarAdjustmentBPages ID="NavBarAdjustmentBPages1" runat="server" />
                                                    </ContentTemplate>                                                   
                                                </ISWebDesktop:WebNavBar>  
                                                  
                                                <ISWebDesktop:WebNavBar ContentMode="UseInlineContent" CaptionDisplayMode="TextAndImage" 
                                                                        Image="~/Images/Planning.gif" Name="Banks"
                                                                        Text="2">
                                                    <ContentTemplate>
                                                        <NB:NavBarAdjustment ID="NavBarAdjustment1" runat="server" />
                                                    </ContentTemplate>
                                                </ISWebDesktop:WebNavBar>   
                                                                                                   
                                                <ISWebDesktop:WebNavBar ContentMode="UseInlineContent" CaptionDisplayMode="TextAndImage" 
                                                                        Image="~/Images/PlanningHoz.png" Name="ReconHOZ" 
                                                                        Text="3">
                                                    <ContentTemplate>
                                                        <NB:NavBarPlanningHOZ ID="NavBarPlanningHOZ" runat="server" />
                                                    </ContentTemplate>
                                                </ISWebDesktop:WebNavBar>                                                          
                                                    
                                                 
                                                                                                                                                                                                                                                                         
                                            </Bars>
                                            <BarItemSettings Alignment="Right">
                                                <ItemsContainerStyle Width="100%" Height="100%" Overflow="Auto" OverflowY="Auto"
                                                    BorderColor="#7B93BF" BorderStyle="Solid" BorderWidth="0px">
                                                    <Margin Bottom="0px" Left="1px" Right="1px" Top="1px" />
                                                    <Margin Bottom="0px" Left="1px" Right="1px" Top="1px" />
                                                    <BorderSettings>
                                                        <Bottom Color="123, 147, 191" Style="solid" Width="3px" />
                                                        <Bottom Color="123, 147, 191" Style="solid" Width="3px" />
                                                    </BorderSettings>
                                                </ItemsContainerStyle>
                                                <ItemStyle>                                                            
                                                    <Active BackColor="#E0ECFA" BaseStyle="Normal" BorderColor="#7B93BF" BorderStyle="Solid"
                                                        BorderWidth="0px" Font-Bold="True" Width="100%">
                                                        <Margin Left="0px" Right="0px" />
                                                        <Padding Left="0px" Right="0px" />
                                                        <Margin Left="0px" Right="0px" />
                                                        <Padding Left="0px" Right="0px" />
                                                    </Active>
                                                    <Over BackColor="WhiteSmoke" BaseStyle="Normal"></Over>
                                                    <Normal Cursor="Hand" Font-Names="Tahoma" Font-Size="8.25pt" Overflow="Hidden">
                                                        <Padding Bottom="3px" Left="6px" Right="6px" Top="3px" />
                                                        <Padding Bottom="3px" Left="6px" Right="6px" Top="3px" />
                                                    </Normal>
                                                </ItemStyle>
                                            </BarItemSettings>                                                                                                                                   
                                            <FrameStyle BorderWidth="0px" BorderColor="White" BackColor="White"></FrameStyle>                                            
                                            <GripStyle>
                                                <Active Height="2px" BackColor2="Black" BaseStyle="Normal" BackColor="Gray">
                                                </Active>
                                                <Over Height="2px" BaseStyle="Normal">
                                                </Over>
                                                <Normal Height="2px" BackColor2="231, 236, 242" BackColor="#F6F9F9" GradientType="Vertical"
                                                    Overflow="Hidden">
                                                </Normal>
                                            </GripStyle>
                                            <FooterSettings>
                                                <FooterStyle BackColor="White" BackColor2="Gainsboro" GradientType="Vertical" HorizontalAlign="Right"
                                                    Overflow="Hidden" />
                                            </FooterSettings>
                                        </ISWebDesktop:WebNavPane>
                                    </ContentTemplate>
                                </ISWebDesktop:WebPane>
                            </Panes>
                        </ISWebDesktop:WebGroupPane>
                    </Panes>
                </RootGroupPane>
                <FrameStyle BackColor="#E0E0E0" BorderColor="#404040" BorderStyle="None" BorderWidth="0px"
                           ForeColor="White">
                           <BorderSettings>
                            <Top Width="0px" />
                           </BorderSettings>
                           <Padding Bottom="0px" Left="0px" Right="0px" Top="0px" />
               </FrameStyle>
                <PaneSettings>
                    <HeaderSubStyle BackColor="#E0E0E0" BackColor2="White" BorderColor="Gray" BorderStyle="Solid"
                        BorderWidth="1px" Font-Names="Tahoma" Font-Size="8pt" GradientType="Vertical">
                        <Padding Bottom="0px" Left="0px" Right="0px" Top="0px" />
                    </HeaderSubStyle>
                    <InfoTextStyle Font-Names="Tahoma" Font-Size="8pt" ForeColor="White">
                    </InfoTextStyle>
                    <ContainerStyle BackColor="White" BorderColor="Gray" BorderStyle="Solid" BorderWidth="1px"
                        Font-Names="Tahoma" Font-Size="8pt" ForeColor="Black">
                        <Padding Bottom="0px" Left="0px" Right="0px" Top="0px" />
                    </ContainerStyle>
                    <HeaderMainStyle BackColor="DimGray" BackColor2="LightGray" BorderColor="Gray" BorderStyle="Solid"
                        BorderWidth="1px" Font-Bold="True" Font-Names="Arial" Font-Size="12pt" ForeColor="White"
                        GradientType="Vertical">
                        <BorderSettings>
                        <Top Width="0"  />
                        </BorderSettings>
                        <Margin  Bottom="0px" Left="0px" Right="0px" Top="0px"  />
                        <Padding Bottom="0px" Left="0px" Right="0px" Top="0px" />
                    </HeaderMainStyle>
                </PaneSettings>
                <SplitterStyle>
                    <Active BackColor="Black" BaseStyle="Normal">
                    </Active>
                    <Over BaseStyle="Normal">
                    </Over>
                    <Normal BackColor="#E0E0E0">
                    </Normal>
                </SplitterStyle>
                <TextSettings InProgressText="" />
                <ImagesSettings SplitterGripBottom="SplitterDown.gif" SplitterGripLeft="SplitterLeft.gif"
                                SplitterGripRight="SplitterRight.gif" SplitterGripTop="SplitterUp.gif"
                                InProgress="Loading/loading43.gif" />
                <ClientSideEvents OnInitialize="WebPaneManager1_OnInitialize" />
         </ISWebDesktop:WebPaneManager>      
    </div>  
function WebPaneManager1_OnInitialize(controlId) {
            var navPane = ISGetObject("WebNavPane1");
            try {
                var hdn_SelectedBarItem = ISGetObject("hdn_SelectedBarItem");
                var _SelectedBarItem = hdn_SelectedBarItem.GetValueData();
                if (_SelectedBarItem != "" && navPane.BarItems.GetNamedItem(_SelectedBarItem) != null) {
                    navPane.BarItems[navPane.BarItems.GetNamedItem(_SelectedBarItem).Index].Click();
                } else {
                    navPane.BarItems[0].Click();
                }
            } catch (e) {
                
                //navPane.BarItems[0].Click();
            }
            
            return true;
        }
function OnBarClick(Id, BarItem) {
            var Nindex = BarItem.Index;
            var navPane = ISGetObject("WebNavPane1");
            var paneManager = ISGetObject("WebPaneManager1");
            var pane = paneManager.GetPaneByName("Content");
            if (navPane.BarItems[Nindex].Items.length != "0") {
                navPane.BarItems[Nindex].Items[0].Click();
            } else {
                var _BarItemName = navPane.BarItems[Nindex].Name;
                switch (_BarItemName) {
                    case "ManageBankPages":
                            pane.SetContentURL("");
                        break;
                    case "Banks":
                            pane.SetContentURL("");
                        break;
                    case "ReconHOZ":
                           pane.SetContentURL("");
                        break;
                }
    
            }
            return true;
        }

Now while trying to evaluate the new version, there are several issues I'm encountering:

1. The control is not streched to 100% heigh. It looks "cropped".

If I remove RenderingMode="HTML5" attribute, height issue seems to be resolved, but I receive the following javascript errors (chrome):

Uncaught TypeError: Cannot read property 'children' of undefined ISRes.axd?D/WebNavPane.js/40720010:7

wd7e84.mf1487ISRes.axd?D/WebNavPane.js/40720010:7
Listener.FireISRes.axd?F/ISCore.js/305000910:11
oSource.(anonymous function)ISRes.axd?F/ISCore.js/305000910:11
vf4d4.fireEventISRes.axd?F/IEMozBridge.js/305000910:7
(anonymous function)

body.scrollLeft is deprecated in strict mode. Please use 'documentElement.scrollLeft' if in strict mode and 'body.scrollLeft' only if in quirks mode. ISRes.axd?F/IEMozBridge.js/305000910:1086

body.scrollTop is deprecated in strict mode. Please use 'documentElement.scrollTop' if in strict mode and 'body.scrollTop' only if in quirks mode. ISRes.axd?F/IEMozBridge.js/305000910:1116

event.returnValue is deprecated. Please use the standard event.preventDefault() instead. ISRes.axd?C/WebCombo.js/607200257:7

2. These errors probably causes my nav bars content to disappear with:

I'm pretty lost here. Could someone please guide me through best practice upgrade methods?