Intersoft Community - WebTreeView - Can't select tree-view items with IE11

Can't select tree-view items with IE11

yudi — Mon, 10 Aug 2015 06:36:22 GMT

You can try to use DOM Inspector to find out if there is any css declaration which may override the style for html, body, and form.

However, glad to hear the good news.

Should you need further assistance or run into any problems regarding our controls, feel free to post it into our community. We would be happy to assist you again.

Can't select tree-view items with IE11

tj@domesticsoft.com — Fri, 07 Aug 2015 09:16:06 GMT

Hi and thank you for your response.
I found the problem but I don't understand why the change is needed.
I had to add this into the header section of the html file.

     <style type="text/css">        html, body, form
        {
            height: 100%;
            width: 100%;
            margin: 0px;
            padding: 0px;
        }
    </style>

But I already had this code in a CSS flie and included that in the header section such
<link href="~/Css/mainStyle.css" rel="stylesheet" type="text/css" />
But if I do it that way the tree-view failure hapens when browsing in IE11.
To be sure I have even tried to put nothing else than this needed style into the css file. But even then the problem still happen.

mainStyle.css:

html, body, form
{
   height: 100%;
   width: 100%;
   margin: 0px;
   padding: 0px;
}

Can't select tree-view items with IE11

yudi — Fri, 07 Aug 2015 07:38:36 GMT

I tried to reproduce the problem by modifying SimpleLayout.aspx sample file of WebPaneManager. An unbound WebTreeView is added inside the ContentTemplate of "Side" WebPane.

<ISWebTreeView:WebTreeView ID="WebTreeView1" runat="server" Height="300px" Width="250px"
    ExpandedDepth="-1" RenderingMode="HTML5">
    <Nodes>
        <ISWebTreeView:WebTreeViewNode Name="WebTreeViewNode0" Text="Personal Folders"
            Expanded="True">
            <ISWebTreeView:WebTreeViewNode Name="DeletedItems" Text="Deleted Items">
            </ISWebTreeView:WebTreeViewNode>
            <ISWebTreeView:WebTreeViewNode Name="Drafts" Text="Drafts">
            </ISWebTreeView:WebTreeViewNode>
            <ISWebTreeView:WebTreeViewNode Name="Inbox" Text="Inbox">
            </ISWebTreeView:WebTreeViewNode>
            <ISWebTreeView:WebTreeViewNode Name="JunkE-mail" Text="Junk E-mail">
            </ISWebTreeView:WebTreeViewNode>
            <ISWebTreeView:WebTreeViewNode Name="Outbox" Text="Outbox">
            </ISWebTreeView:WebTreeViewNode>
            <ISWebTreeView:WebTreeViewNode Name="RSSFeeds" Text="RSS Feeds">
            </ISWebTreeView:WebTreeViewNode>
            <ISWebTreeView:WebTreeViewNode Name="SentItems" Text="Sent Items">
            </ISWebTreeView:WebTreeViewNode>
            <ISWebTreeView:WebTreeViewNode Name="SearchFolders" Text="Search Folders">
                <ISWebTreeView:WebTreeViewNode Name="CategorizedMail" Text="Categorized Mail">
                </ISWebTreeView:WebTreeViewNode>
                <ISWebTreeView:WebTreeViewNode Name="ForFollowUp" Text="For Follow Up">
                </ISWebTreeView:WebTreeViewNode>
                <ISWebTreeView:WebTreeViewNode Name="LargeMail" Text="Large Mail">
                </ISWebTreeView:WebTreeViewNode>
                <ISWebTreeView:WebTreeViewNode Name="UnreadMail" Text="Unread Mail">
                </ISWebTreeView:WebTreeViewNode>
            </ISWebTreeView:WebTreeViewNode>
        </ISWebTreeView:WebTreeViewNode>
        <ISWebTreeView:WebTreeViewNode Name="WebTreeViewNode1" Text="Archive Folder">
            <ISWebTreeView:WebTreeViewNode Name="DeletedItems2" Text="Deleted Items">
            </ISWebTreeView:WebTreeViewNode>
            <ISWebTreeView:WebTreeViewNode Name="SentItems" Text="Sent Items">
            </ISWebTreeView:WebTreeViewNode>
            <ISWebTreeView:WebTreeViewNode Name="SearchFolders2" Text="Search Folders">
            </ISWebTreeView:WebTreeViewNode>
        </ISWebTreeView:WebTreeViewNode>
    </Nodes>
    <NodeSettings EnableAnimation="True" />
</ISWebTreeView:WebTreeView>

To become more similar to your WebPane settings, the properties/attributes of "Side" pane is set to:

<ISWebDesktop:WebPane Name="Side" Text="Side" Width="Custom" WidthValue="15%"
    HeaderVisible="Yes" AllowCollapse="No" HeightValue="70%" Height="Custom" ContentScrollable="false">
    <ContentTemplate>
        <ISWebTreeView:WebTreeView ID="WebTreeView1" runat="server" Height="300px" Width="250px"
            ExpandedDepth="-1" RenderingMode="HTML5">
            ...
            <NodeSettings EnableAnimation="True" />
        </ISWebTreeView:WebTreeView>
    </ContentTemplate>
</ISWebDesktop:WebPane>

Save the changes and view the modified page in IE 11 browser. The reported problem doesn't persist. User can select node; WebTreeViewNode becomes underlined when user hovering mouse pointer over a node.

I enclose the modified sample for your reference. Please feel free to let me know if you find anything that I might miss during my attempt to reproduce the reported problem.

Can't select tree-view items with IE11

tj@domesticsoft.com — Thu, 06 Aug 2015 16:31:00 GMT

Hi,

I have a WebTreeView (version 1.0.1500.403) on a WebDesktop-WepPane. as shown below:

<ISWebDesktop:WebPane HeaderVisible="Yes" AllowCollapse="No" Name="paneTree" HeightValue="70%" Height="Custom" CaptionDisplayMode="UseTemplate" HeaderAppearance="UseSubStyle" ContentScrollable="false">
    <HeaderTemplate>
        <asp:Image ID="Image3" runat="server" ImageUrl="~/Images/Icons/Tree.ico" Height="16" Width="16" />
        <asp:Label ID="c__lblSystemTreeHeader" runat="server" Text="System tree" />
    </HeaderTemplate>
    <ContentTemplate >
        <!-- *************************************************************************************** -->
        <!-- Treeview Pane,                                                                          -->
        <!-- *************************************************************************************** -->
        <ISWebTreeView:WebTreeView ID="c_treeView" runat="server" EnableManagedTheming="false"  Width="100%" Height="100%"  EnableLoadOnDemand="true" OnInitializeChildNodes="TreeView_OnInitializeChildNodes">
            <ClientSideEvents OnNodeSelect="c_treeView_OnNodeSelect" OnInitialize="c_treeView_OnInitialize" />
        </ISWebTreeView:WebTreeView>
   </ContentTemplate>
</ISWebDesktop:WebPane>

This works perfectly in Google Chrome and Mozilla FireFox. But in IE11 the treeview is populated correctly and I can expand each node. But a node can not be selected. Why is that? Even when the mouse hovers over a node it does not become underlined as in the other browsers.
I have tried to put RenderingMode="HTML5" on the treeview control, but it did not help.
The document is an HTML5 document starting with
<!DOCTYPE HTML>
<html>