Articles in this section

How to hide the overflow menu option in GroupBar?

We have used the menu control inside the GroupBar to show the overflow items. The overflow menu option in GroupBar can be collapsed by getting the menu from the VisualTree and changing its 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)
Access denied
Access denied