This project is read-only.

Fluent Version 2.1 - Menu Bar not working

Dec 13, 2012 at 1:53 PM

I have downloaded the source code and build application. The version it says 2.1.

I was trying to add menu bar to on of my tab group. I am able to get the menu, but clicking on Menu, sub menu's are not coming.

I am using "Fluent:MetroWindow" as a Window.

Here is an Code:

            <Fluent:RibbonTabItem Header="Menu">               
                <Fluent:RibbonGroupBox>
                    <Fluent:MenuPanel>
                        <MenuItem Header="File">                       
                           <MenuItem Header="Edit"  />
                            <MenuItem Header="Save" />
                        </MenuItem>                       
                    </Fluent:MenuPanel>
                </Fluent:RibbonGroupBox>
            </Fluent:RibbonTabItem>

Any one please help me to resolve this.

Dec 13, 2012 at 2:31 PM

Hmm... Why don't you use the Dropdownbutton?

<Fluent:MenuPanel>
                        <Fluent:DropDownButton Header="File" Size="Middle">
                            <Fluent:MenuItem Header="Edit" IsSplited="True">
                                <Fluent:MenuItem Header="Subitem1"/>
                                <Fluent:MenuItem Header="Subitem12"/>
                            </Fluent:MenuItem>
                            <Fluent:MenuItem Header="Save" />
                        </Fluent:DropDownButton>
                    </Fluent:MenuPanel>

Dec 14, 2012 at 4:40 AM
Edited Dec 14, 2012 at 4:42 AM

Hello LastElb,

This is really quick replay and hats up for you. Cheer's.

Now I am able to get the Menu's, But there is one more issue that is, the menus displayed Vertically not Horizontal way.But however i can achieve this by using Grid. 

Please tell me is there any other way I can get the things done.

For E.g

File

Edit

View

But I wanted like,

File  Edit   View

                    <Fluent:MenuPanel >                                                
                         <Fluent:DropDownButton Header="File" Size="Middle" >
                            <Fluent:MenuItem Header="Edit" IsSplited="True">
                                <Fluent:MenuItem Header="Subitem1"/>
                                <Fluent:MenuItem Header="Subitem12"/>
                            </Fluent:MenuItem>
                            <Fluent:MenuItem Header="Save" />
                        </Fluent:DropDownButton>


                         <Fluent:DropDownButton    Header="File" Size="Middle" >
                            <Fluent:MenuItem Header="Edit" IsSplited="True">
                                <Fluent:MenuItem Header="Subitem1"/>
                                <Fluent:MenuItem Header="Subitem12"/>
                            </Fluent:MenuItem>
                            <Fluent:MenuItem Header="Save" />
                        </Fluent:DropDownButton>
                    </Fluent:MenuPanel>

 

Regards,

Nitheen

 

Dec 14, 2012 at 4:03 PM

Hi,

the popup will be displayed on the bottom of the control every time. You could use a ValueConverter and change the margin based on the buttons size.

For the subitems you can achive the effect with an wrappanel.

Regards