How to add or insert a new Ribbon Bar in an existing Ribbon Tab at a specified position in the WPF Diagram (SfDiagram)?

The WPF DiagramRibbon (SfDiagramRibbon) control, designed for use with the WPF Diagram WPF Diagram (SfDiagram), provides support for adding or inserting a custom ribbon bar in the existing tabs at any specific index using its Loaded event. For example, we have used CheckBoxes for node resize in aspect ratio and drag the connectors.

Code snippet:

//Creating ribbon control instance.
SfDiagramRibbon diagramRibbon = new SfDiagramRibbon();
//Register loaded event for ribbon.
diagramRibbon.Loaded += DiagramRibbon_Loaded;

private void DiagramRibbon_Loaded(object sender, RoutedEventArgs e)
{
   // To get the home ribbon tab. Here, 0 is the index value of the home tab.
   RibbonTab HomeTab = (sender as SfDiagramRibbon).Tabs.ElementAt(0);
   //To insert the new Ribbon bar at the necessary index.
   HomeTab.Items.Insert(0, new RibbonBar() { Header = "Interaction", Name = "Interaction", Width = 150 });

   //Check box for resizing the nodes in aspect ratio.
   CheckBox aspectRatio = new CheckBox() { Content = "Aspect Ratio" };
   aspectRatio.Checked += AspectRatio_Checked;
   aspectRatio.Unchecked += AspectRatio_Unchecked;

   //Check the box for dragging the connectors.
   CheckBox dragConnector = new CheckBox() { Content = "Drag Connector", Margin = new Thickness(0, 5, 0, 0) };
   dragConnector.Checked += DragConnector_Checked;
   dragConnector.Unchecked += DragConnector_Unchecked;

   // To get the interaction ribbon bar item from the Home tab.
   RibbonBar HomeTabBar = HomeTab.Items[0] as RibbonBar;
   //Adding checkBoxes to the interaction ribbon bar items.
   HomeTabBar.Items.Add(aspectRatio);
   HomeTabBar.Items.Add(dragConnector);
}

View Sample in GitHub

Conclusion

I hope you enjoyed learning How to add a new ribbon bar in an existing ribbon tab at a specified position in the WPF Diagram(SfDiagram).

You can refer to our WPF Diagram feature tour page to learn about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications.

For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.

If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!