Articles in this section
Category / Section

How to hide the overflow menu option in GroupBar?

2 mins read

We have used the menu control inside the GroupBar to show the over flow items. Overflow menu option in GroupBar can be collapsed by get the menu from VisualTree and change the visibility.

 

Code Example: [XAML]

 

<syncfusion:GroupBar Name="myGroupBar" Height="340" ShowGripper="False"
 
Orientation="Vertical" HorizontalAlignment="Center" Width="250" 
 
Loaded="MyGroupBar_Loaded" ItemHeaderHeight="28" VisualMode="StackMode"  
 
DynamicResizing="True">
 
<!--Group Bar Item-->
 
<syncfusion:GroupBarItem Name="myitem" HeaderText="Mailbox"
 
ShowInGroupBar="True" HeaderImageSource="Images/mail.png">
 
<!--Group View-->
 
<syncfusion:GroupView>
 
<!--Group View Item-->
 
<syncfusion:GroupViewItem Name="inbox" Text="Inbox" ToolTip="Inbox"
 
TextHorizontalAlignment="Left"
 
ImageHorizontalAlignment="Right"  ImageSource="Images/Inbox.png" >
 
</syncfusion:GroupViewItem>
 
<syncfusion:GroupViewItem Text="Outbox" ToolTip="Outbox" Name="outbox"
 
TextHorizontalAlignment="Left"
 
ImageHorizontalAlignment="Right"
 
ImageSource="Images/Outbox.png" >
 
</syncfusion:GroupViewItem>
 
<syncfusion:GroupViewItem Text="Sent Items" ToolTip="Sent Items"
 
Name="sentitems" TextHorizontalAlignment="Left" ImageHorizontalAlignment="Right"
 
ImageSource="Images/sent.png">
 
</syncfusion:GroupViewItem>
 
<syncfusion:GroupViewItem Text="Spam" ToolTip="Spam" Name="spam"
 
TextHorizontalAlignment="Left"
 
ImageSource="Images/Spam.png" ImageHorizontalAlignment="Right">
 
</syncfusion:GroupViewItem>
 
<syncfusion:GroupViewItem Name="trash" Text="Trash"  ToolTip ="Trash"
 
TextVerticalAlignment="Bottom"
 
TextHorizontalAlignment="Left" ImageHorizontalAlignment="Right"
 
ImageSource="Images/trash.png" >
 
</syncfusion:GroupViewItem>
 
</syncfusion:GroupView>
 
</syncfusion:GroupBarItem>
 
<syncfusion:GroupBarItem HeaderText="Favorite Folders" Name="favorite"
 
ShowInGroupBar="True" HeaderImageSource="Images/folder.gif" >
 
</syncfusion:GroupBarItem>
 
<syncfusion:GroupBarItem HeaderText="Contacts"
 
Name="contacts" ShowInGroupBar="True" HeaderImageSource="Images/Contact.png">
 
</syncfusion:GroupBarItem>
 
<syncfusion:GroupBarItem HeaderText="Task" Name="task" ShowInGroupBar="True"
 
HeaderImageSource="Images/Tasks.png">
 
</syncfusion:GroupBarItem>
 
<syncfusion:GroupBarItem HeaderText="Notes" Name="notes" ShowInGroupBar="True"
 
HeaderImageSource="Images/Notes.png" >
 
</syncfusion:GroupBarItem>
 
</syncfusion:GroupBar>

 

Code Example: [C#]

 

private void MyGroupBar_Loaded(object sender, RoutedEventArgs e)
{ 
 
Menu menu = VisualUtils.FindDescendant((sender as GroupBar) as Visual, typeof(Menu)) as Menu;
 
//Hide the NavigationPane Visibility
 
menu.Visibility = Visibility.Collapsed;
 
}

 

Screenshot

 

Screenshot in WPF GroupBar

 

SampleGroupBarSample

 

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please sign in to leave a comment
Access denied
Access denied