DevExpress: Ribbon Control in C#

How to use DevExpress Ribbon control in C#. The Ribbon Control replaces traditional toolbars and menus with tabbed pages. Each Page splits into Groups that contain various command buttons

Step 1Click New Project, then select Visual C# on the left, then Windows and then select Windows Forms Application. Name your project "RibbonDemo" and then click OK

devexpress ribbon control

If you have not yet installed DevExpress .NET products, you can view How to download and install DevExpress

Step 2: Design metro form as below

Your main form name: frmMain

devexpress ribbon controlYour module 1 name: frmModule1

devexpress ribbon control

Your module 2 name: frmModule2

devexpress ribbon control

Your module 3 name: frmModule3

devexpress ribbon control

Step 3: Add code to handle main form as below

using DevExpress.XtraBars;

namespace RibbonDemo
{
    public partial class frmMain : DevExpress.XtraBars.Ribbon.RibbonForm
    {
        public frmMain()
        {
            InitializeComponent();
        }

        private void barButtonItem3_ItemClick(object sender, ItemClickEventArgs e)
        {
            frmModule1 frm = new frmModule1();
            frm.MdiParent = this;
            frm.Show();
        }

        private void barButtonItem2_ItemClick(object sender, ItemClickEventArgs e)
        {
            frmModule2 frm = new frmModule2();
            frm.MdiParent = this;
            frm.Show();
        }

        private void barButtonItem1_ItemClick(object sender, ItemClickEventArgs e)
        {
            frmModule3 frm = new frmModule3();
            frm.MdiParent = this;
            frm.Show();
        }
    }
}

VIDEO TUTORIALS