IE11 - WebToolBar issues

yudi — Mon, 08 Sep 2014 22:23:14 GMT

The old version of IE doesn't fully compatible with the Normal MenuWindowType so the default value is Popup.

Since IE 10, IE becomes more standard and no longer compatible with the Popup MenuWindowType. Set the Normal as the default value of MenuWindowType might causing issue on the old version of WebDesktop.

Hope this help.

IE11 - WebToolBar issues

roiu@a-g-r-e.com — Tue, 02 Sep 2014 03:13:56 GMT

Seemed to fix all issues. Shouldn't it be set as default?

IE11 - WebToolBar issues

yudi — Mon, 01 Sep 2014 21:41:30 GMT

I am unable to select ToolCommand Items (child items) using IE11. Works fine in chorme.

To resolve this problem, set MenuWindowType property of MenuStyleSettings to Normal. Following snippet code shows how to implement the changes in aspx file.

<ISWebDesktop:WebToolBar ID="ToolBar" runat="server" ...>    ...
    <MenuStyleSettings MenuWindowType="Normal" />
    ...
</ISWebDesktop:WebToolBar>

*Also having IE11 issues with WebContextMenu when attached to a WebGrid: Right click shows both WebContextMenu + IE's default menu.

I created a simple sample of WebGrid and add WebContextMenu as the WebGrid's row context menu; save the changes; and view the page in IE 11 browser. However, I was unable to reproduce the issue in my local end.

Everything works as expected and the WebContextMenu appear without any issues on IE 11 browser.

I'm using WebGrid 8 build 260 and WebDesktop 4 build 12.

Please find my sample (Use WebContextMenu as WebGrid Row Context Menu Sample.zip) and a video (UseWebContextMenuAsWebGridRowContextMenu.mp4) which show how the page is rendered in IE 11 browser

Hope this help.

IE11 - WebToolBar issues

roiu@a-g-r-e.com — Mon, 01 Sep 2014 07:14:56 GMT

I am unable to select ToolCommand Items (child items) using IE11.
Works fine in chorme.

*Also having IE11 issues with WebContextMenu when attached to a WebGrid:
Right click shows both WebContextMenu + IE's default menu.

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

<!DOCTYPE html>
<html>
<head id="Head2" runat="server">
    <title></title>        
</head>
<body>
    <form id="form1" runat="server">
    
    <ISWebDesktop:WebToolBar ID="ToolBar" runat="server" Caption="Editing" DockingArea="Top"
                         FillDockingRow="No" IntegratedTo="None" 
                         Width="100%" BarStyle="OfficeXP" CommandSize="" HeaderHeight="" NewDockingArea="NotSet" NewDockingRow="0" NewIsFloat="Default" RenderingMode="HTML5">
    <CommandClientSideEvents  />
    <Commands>            
        <ISWebDesktop:ToolCommand  Name="a" Category="Filter" Type="SplitButton" ToolTip="A" Text="A" DisplayMode="TextAndImage" Image="Images/ActualDist.gif"> 
            <Items>
                <ISWebDesktop:WebMenuItem Name="a1" ImageURL="Images/CreateTrans.gif" IconViewDisplayMode="Image" Text="A1" ></ISWebDesktop:WebMenuItem>                                
                <ISWebDesktop:WebMenuItem Name="a2" ImageURL="Images/CreateTrans.gif" IconViewDisplayMode="Image" Text="A2" ></ISWebDesktop:WebMenuItem>
                <ISWebDesktop:WebMenuItem Name="a3" ImageURL="Images/CreateTrans.gif" IconViewDisplayMode="Image" Text="A3"  ></ISWebDesktop:WebMenuItem>                
            </Items>
        </ISWebDesktop:ToolCommand>            
        <ISWebDesktop:ToolCommand Name="Separator2" Type="Separator" Category="Filter" Text=""></ISWebDesktop:ToolCommand>
        <ISWebDesktop:ToolCommand Name="b" Category="Filter" Type="SplitButton" ToolTip="B" Text="B" DisplayMode="TextAndImage" Image="Images/Systems.gif">
                <Items>                                          
                <ISWebDesktop:WebMenuItem Name="b1" ImageURL="Images/Export.gif" IconViewDisplayMode="Image" Text="B1" ToolTip="B2"></ISWebDesktop:WebMenuItem>                    
                <ISWebDesktop:WebMenuItem Name="b2" ImageURL="Images/Export.gif" IconViewDisplayMode="Image" Text="B3" ToolTip="B3"></ISWebDesktop:WebMenuItem>                
            </Items>
        </ISWebDesktop:ToolCommand>
        
    </Commands>        
    <ToggleGroups>
            <ISWebDesktop:ToggleGroup Name="Toggle" />
            <ISWebDesktop:ToggleGroup Name="Toggle1" ToggleGroupType="SelectOne" />
        </ToggleGroups>                
    <HeaderButtonStyle>
            <Active BackColor="#98B5E2" BaseStyle="Over" BorderColor="#4B4B6F" Cursor="Hand">
            </Active>
            <Over BackColor="#C1D2EE" BaseStyle="Normal" BorderColor="#316AC5" BorderStyle="Solid"
                BorderWidth="1px" Cursor="Hand">
                <Padding Bottom="0px" Left="0px" Right="0px" Top="0px" />
            </Over>
            <Normal BackColor="#ACA899" Cursor="Hand" Font-Size="8pt" ForeColor="White" Width="13px">
                <Padding Bottom="1px" Left="1px" Right="1px" Top="1px" />
            </Normal>
        </HeaderButtonStyle>
    <BodyStyle BackColor="#F8F7F3" BackColor2="192, 192, 168" GradientType="Vertical" />
    <CommandStyle>
        <Active BackColor="#98B5E2" BaseStyle="Over" BorderColor="#4B4B6F" Overflow="Hidden"
            OverflowX="Hidden" OverflowY="Hidden">
        </Active>
        <Over BackColor="LightBlue" BackColor2="LightPink" BorderColor="#316AC5" BorderStyle="Solid" BorderWidth="1px"
            Cursor="Default" Font-Names="Tahoma" Font-Size="8pt" Overflow="Hidden" OverflowX="Hidden"
            OverflowY="Hidden">
            <Padding Bottom="0px" Left="2px" Right="2px" Top="0px" />
        </Over>
        <Normal Font-Names="Tahoma" Font-Size="8pt" Overflow="Hidden" OverflowX="Hidden"
            OverflowY="Hidden" ForeColor="#000000">
            <Padding Bottom="1px" Left="3px" Right="3px" Top="1px" />
        </Normal>
    </CommandStyle>
    <CommandDisabledStyle Font-Names="Tahoma" Font-Size="8pt" ForeColor="DimGray">
        <Padding Bottom="1px" Left="3px" Right="3px" Top="1px" />
    </CommandDisabledStyle>
    <SeparatorStyle BackColor="#C5C2B8" Font-Size="1px" />
    <HandleStyle BackColor="#F8F7F3" BackColor2="192, 192, 168" ForeColor="#79796D" GradientType="Vertical" />
    <OptionStyle BackColor="#E1E1CB" BackColor2="192, 192, 168" GradientType="Vertical" />
    <HeaderCaptionStyle BackColor="#ACA899" Cursor="Move" Font-Bold="True" Font-Names="Tahoma"
        Font-Size="8pt" ForeColor="White" Width="30px">
    </HeaderCaptionStyle>               
</ISWebDesktop:WebToolBar>

	</form>
</body>
</html>

HTML source code:

Intersoft Community - WebDesktop - IE11 - WebToolBar issues

IE11 - WebToolBar issues

IE11 - WebToolBar issues

IE11 - WebToolBar issues

IE11 - WebToolBar issues