iSeller Commerce
iSeller POS Retail
iSeller POS F&B
iSeller POS Express
Crosslight
WebUI
ClientUI
What's New
Download Trial
Web Solution
Mobile Solution
Enterprise Solution
Custom Development
Blog
Community
Latest Development Blogs
ForumPostTopic
Browse By Tag
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
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
I'm pretty lost here. Could someone please guide me through best practice upgrade methods?
Hi Roi,
I think you should add the RenderingMode HTML5 when using HTML5 doctype. Regarding to your sample. I have made you a sample. You could download the sample here:
https://www.mediafire.com/?gouicfou8ilbbgu
Could you look in my sample and let me know if this sample has achieve your scenario? Look forward to hear any feedback from you so I can help you further.
Regards,Bernard
Bernard Hi,
I'm getting these errors when using IE 11: (what can cause this?)
'ValidatorCommonOnSubmit' is undefined
'ValidatorOnLoad' is undefined
'ValidatorOnSubmit' is undefined
'Page_IsValid' is undefined
'ContentPadding' is undefined
'SplitterStyle' is undefined
'ButtonStyle' is undefined
Futhermore, my application seems to work fine with:
Chrome 32.0.1700.76, FF 26, IE 9, 10 but not IE 11 or IE 8.
Which IE versions intersoft 2013 formally support?
I'm using the following:
Html:
<!DOCTYPE HTML>
<html>
(RenderingMode="HTML5" for each intersoft control)
--------------------------
Web.config:
<add key="ISNet.WebUI.WebDesktop.V4_0_7200.RenderingMode" value="HTML5" />
<add key="ISNet.WebUI.WebCombo.v6_0_7200.RenderingMode" value="HTML5" />
<add key="ISNet.WebUI.WebGrid.v8_0_7200.RenderingMode" value="HTML5" />
with XmlCompressionEnabled set to true for all components.
And: .Net 4 Integrated application pool
When using our 2013 R1 installer, our control has support on IE 8 and IE 11. Unfortunately when using HTML5 doctype, you couldn't open it on IE 8 because HTML5 doesn't have any support on IE 8. To open your website in IE 8 you can use either HTML4 or XHTML doctype. Also you have to change its RenderingMode to XHTML or Quirks mode to show our controlin IE 8.
Please also ensure if you're using Classic value for Managed Pipeline Mode property in your root website. Or you could use Intergrated Pipeline mode but you should add the handler in system.webServer tag in your web.config.
This error might be happen because there's error on javascript or configuration that you used in our control. Perhaps, you could help us by providing a simple sample that can be executed in our local end. it will help us to determine your problem. Look forward to hear any feedback from you so I can help you further.
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>
<validation validateIntegratedModeConfiguration="false"/>
<handlers>
<remove name="ISRes.axd_GET"/>
<remove name="ISCoverFlow.axd_GET"/>
<add name="ISChart.axd_GET, POST" path="ISChart.axd" verb="GET, POST" type="ISNet.WebUI.WebGrid.Chart.ChartRequestHandler, ISNet.WebUI.WebGrid" preCondition="integratedMode"/>
<add name="ISRes.axd_GET" path="ISRes.axd" verb="GET" type="ISNet.WebUI.WebResourceHandler, ISNet.WebUI, Version=3.0.5000.1, Culture=neutral, PublicKeyToken=b1f2a8511635667a" preCondition="integratedMode"/>
<add name="WebFileUploaderHttpHandler.axd_GET" path="WebFileUploaderHttpHandler.axd" verb="GET" type="ISNet.WebUI.WebTextEditor.WebFileUploaderHttpHandler, ISNet.WebUI.WebTextEditor" preCondition="integratedMode"/>
<add name="ISScheduler.axd_GET" path="ISScheduler.axd" verb="GET" type="ISNet.WebUI.WebScheduler.WebSchedulerRequestHandler, ISNet.WebUI.WebScheduler" preCondition="integratedMode"/>
<add name="IntersoftResource" path="ISRes.axd" verb="GET" preCondition="integratedMode" type="ISNet.WebUI.WebResourceHandler, ISNet.WebUI, Version=3.0.5000.1, Culture=neutral, PublicKeyToken=b1f2a8511635667a" xmlns=""/>
</handlers>
<modules>
<remove name="ScriptModule" />
<add name="WebFileUploaderHttpModule_GET" preCondition="managedHandler" type="ISNet.WebUI.WebTextEditor.WebFileUploaderHttpModule, ISNet.WebUI.WebTextEditor"/>
</modules>
<security>
<requestFiltering>
<requestLimits maxAllowedContentLength="104857600"/>
</requestFiltering>
</security>
</system.webServer>
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
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!
This update will be included with our latest hotfix. Thank you for your valuable feedback.
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:
<add name="ScriptResource" preCondition="integratedMode" verb="GET,HEAD" path="ScriptResource.axd" type="System.Web.Handlers.ScriptResourceHandler, System.Web.Extensions, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" />
<remove name="ScriptModule"/>
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.
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)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > <html>
or
<!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.
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">
<head id="Head1" runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div style="height: 100%; width: 100%;">
<ISWebDesktop:WebPaneManager ID="WebPaneManager1" runat="server" Height="100%" Width="100%">
<RootGroupPane GroupType="VerticalTile" Name="RootGroup">
<Panes>
<ISWebDesktop:WebPane Name="Pane0" Text="Pane 0" Height="Fill" HeightValue="100%">
</ISWebDesktop:WebPane>
</Panes>
</RootGroupPane>
</ISWebDesktop:WebPaneManager>
</div>
</form>
</body>
</html>
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.
Choose this if you're already a member of Intersoft Community Forum. You can link your OpenID account to your existing Intersoft Social ID.
Choose this if you don't have an Intersoft account yet. Your authenticated OpenID will be automatically linked to your new Intersoft account.
Enter your Wordpress Blogname