Hi,

I'm trying to set my main menu so one of its elements has 3 levels of items. So far, I can't get it to work: the items in the third level show up overlapping on top of the icon column and the ItemSelected event doesn't fire when I click on them.

Here is some code:

<liquidMenu:MainMenuItem ID="PhoneMenu" Text="{Binding Path=LocalizedStrings.PhoneMenu}" Foreground="White" Visibility="{Binding MainMenuVisible}" ShowChildMenuOnHover="True">

                            <liquidMenu:Menu>

                                <liquidMenu:MenuItem ID="PhoneAvailable" Text="{Binding Path=LocalizedStrings.PhoneAvailable}" />

                                <liquidMenu:MenuItem ID="PhoneUnavailable" Text="{Binding Path=LocalizedStrings.PhoneUnavailable}" />

                                <liquidMenu:MenuDivider />

                                <liquidMenu:MenuItem ID="DialNewNumber" Text="{Binding Path=LocalizedStrings.DialNewNumber}" />

                                <liquidMenu:MenuItem ID="ViewQueue" Text="{Binding Path=LocalizedStrings.ViewQueue}" />

                                <liquidMenu:MenuItem ID="TransferCall" Text="{Binding Path=LocalizedStrings.TransferCall}">

                                    <liquidMenu:Menu>                                        

                                        <liquidMenu:MainMenuItem ID="EnglishQueue" Text="{Binding Path=LocalizedStrings.EnglishQueueMenu}" Margin="25,0,0,0" />

                                        <liquidMenu:MainMenuItem ID="SpanishQueue" Text="{Binding Path=LocalizedStrings.SpanishQueueMenu}" Margin="25,0,0,0" />

                                        <liquidMenu:MainMenuItem ID="CustomerEnglish" Text="{Binding Path=LocalizedStrings.CustomerEnglishMenu}" Margin="25,0,0,0" />

                                        <liquidMenu:MainMenuItem ID="CustomerSpanish" Text="{Binding Path=LocalizedStrings.CustomerSpanishMenu}" Margin="25,0,0,0" />

                                        <liquidMenu:MainMenuItem ID="Extension" Text="{Binding Path=LocalizedStrings.ExtensionMenu}" Margin="25,0,0,0" />                                                                                    

                                    </liquidMenu:Menu>

                                </liquidMenu:MenuItem>

...

Got it fixed.

The problem was that I was using MainMenuItems for the third level, when I actually meant to use regular MenuItems -my bad, sorry :P

I don't know if this is a bug anyway, cause maybe it shouldn't allow MainMenuItems in any level other than the first level...

Hi,

Thanks for sharing this.  I agree, we could force the type of an item to be a Menu type rather than what it is currently which is an object type.

Thanks!

Hi

I am new to these controls, can you please help me how can i bind this menu control with hirerachical data structure rather

hard conding my menus and menuitems,I want to show N-Level submenus based on my data source i am providing to it, one way is to iterate the collection and add controls on it , but i want to acieve it through data binding so that i can work easily while setting and getting data context, is there any way ?

regads,

Tauseef.