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
3760
Making a hidden Item visible causes problem with selecteditem style
posted

I have reproduced this (in Chrome and IE8) on a page containing a webexplorerbar with one group and 8 items. We are using the default styling so the selected item has an orange background. This works fine. However if we have a hidden item and then make it visible and then click on a different item, we now have two items with the selected style instead of just one.

Is there a reason for this and can you suggest a work around??? I have tried removing the style in javascript but it does not have any affect.

 

I have included the markup below:

For the purpose of the sample the button click event makes Item 2 visible

Me.webMainGroups.Groups.Item(0).Items.Item(1).Visible = True

 

If you run this sample, click "Item 6", Press the button to make "Item 2" appear. Now click "item 4". Both "item 4" and "item 6" now have the selected style.

 

 

<%

@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="Page1"

%>

<%

@ Register Assembly

="Infragistics4.Web.v13.1, Version=13.1.20131.2069, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb"

Namespace="Infragistics.Web.UI.NavigationControls" TagPrefix="ig"

%>

<!

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 id="Head1" runat

="server">

<title>title

>

head

>

<

body

>

<form id="form1" runat

="server">

<asp:ScriptManager ID="ScriptManager1" runat

="server">

asp:ScriptManager

>

<div

>

<ig:WebExplorerBar ID="webMainGroups" runat="server" Width

="250px">

<Groups

>

<ig:ExplorerBarGroup Text="Group" Selected="true" Value="Group" Expanded="true"

>

<Items

>

<ig:ExplorerBarItem Text

="Item 1">

ig:ExplorerBarItem

>

<ig:ExplorerBarItem Text="Item 2" Visible

="false">

ig:ExplorerBarItem

>

<ig:ExplorerBarItem Text

="Item 3">

ig:ExplorerBarItem

>

<ig:ExplorerBarItem Text

="Item 4">

ig:ExplorerBarItem

>

<ig:ExplorerBarItem Text

="Item 5">

ig:ExplorerBarItem

>

<ig:ExplorerBarItem Text

="Item 6">

ig:ExplorerBarItem

>

<ig:ExplorerBarItem Text

="Item 7">

ig:ExplorerBarItem

>

<ig:ExplorerBarItem Text

="Item 8">

ig:ExplorerBarItem

>

Items

>

ig:ExplorerBarGroup

>

Groups

>

ig:WebExplorerBar

>

 

<asp:Button ID="Button1" runat="server" Text="Button"

/>

div

>

form

>

body

>

html

>