Hi,
I'm using WebDataMenu control (11.1.20111.1006)
When i update (change menu items) on serverside and update UpdatePanel where menu is placed data menu is not rendering correctly. Instead of horizontal, scrooling menu i receive items in rows, all visible and no slider (slider is missing). It seems that in chrome even after first loading i can see how the js script hides menu items, but after updating part of code is not firing probably.
Could you please have a look and check what is wrong here.
Control setup:
<asp:UpdatePanel UpdateMode="Conditional" runat="server" ChildrenAsTriggers="true" EnableViewState="false" ID="TopMenuClustersUpdatePanel" >
<ContentTemplate>
<ig:WebDataMenu ID="TopMenuClusters" EnableScrolling="true" runat="server" MaxDataBindDepth="1" AutoPostBackFlags-ItemSelected="Off" ScrollingSpeed="VeryFast" EnableAjaxViewState="false" >
<ClientEvents Initialize="IE7ZIndexAdjust" ItemUnhovered="removeSelected" ItemSelected="clusterSelected" />
<GroupSettings Orientation="Horizontal" Width="750px" Height="100%" EnableAnimation="true"
AnimationType="OpacityAnimation" AnimationDuration="200" />
<DataBindings>
<ig:DataMenuItemBinding DataMember="Table" ToolTipField="Name" ValueField="ID" KeyField="ID" TextField="Code" Depth="1" />
</DataBindings>
</ig:WebDataMenu>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="GroupsDropDown" EventName="SelectionChanged" />
</Triggers>
</asp:UpdatePanel>
Hello Bartolomiej,Please see the attached sample which is using latest service release 11.1.20111.2064 and does not provide the missbehavior in chrome. Please modify the sample if it is dufferent than your code and send it back. Menu appears horizontally and with the arrows for navigation at the left and right side. You can update to 11.1.20111.2064 by loging in our website, go to My IG - > keys and downloads -> NetAdvantage version 11.1 -> scroll to service releases.
Hi Nikifor,
Mi code is slightly diffrent. Your drop down is clientside control only. Mine is ajax control.
Code in attachement. Still not working on chrome. You can even see that control in chrome is not rendered properly even at begining. You can see that it is hiding elements.
In code you need to add;
GroupsDropDown.SelectionChanged += new Infragistics.Web.UI.ListControls.DropDownSelectionChangedEventHandler(GroupsDropDown_SelectionChangedHandler);
return ds;
}
protected void GroupsDropDown_SelectionChangedHandler(Object sender, Infragistics.Web.UI.ListControls.DropDownSelectionChangedEventArgs e)
{
and in aspx: AutoPostBackFlags-SelectionChanged="On"
Not able to attach file
Hello,
By default WDM is ajax enabled and it is not a good practice to be inside an update panel. Please see the modified sample and commented UpdatePanel and let me know if it is working for your scenario. If you have more controls inside this panel try moving the WDM out of it.
I removed menu from update panel and it is no longer update after changing selection.
Your example still have update panel used for update. Not sure why you ask me to do it but still uses it.
I'm using 3.5 net and vs 2008. Please try there and send me working example.
Cheers
Hello,Please see the attached sample. The UpdatePanel is commented and the event for changing the value of the first element of the menue when value of dropdown is changed behaves as expected.