Windows Forms: Metro Web Browser with Tabs in C#

Create Metro Web Browser with Tabs in C# using Metro Framework, Modern UI

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

metro webbrowser in c#Step 2: Right click on your project select Manage NuGet Packages -> Search metro framework -> Install

install metro frameworkStep 3: Design your metro form as below

metro webbrowser with tabs in c#

Step 4: Add code to handle your form

using System;
using System.Windows.Forms;

namespace MetroWebBrowser
{
    public partial class Form1 : MetroFramework.Forms.MetroForm
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void lnkBack_Click(object sender, EventArgs e)
        {
            WebBrowser browser = metroTabControl.SelectedTab.Controls[0] as WebBrowser;
            if (browser != null)
            {
                if (browser.CanGoBack)
                    browser.GoBack();
            }
        }

        private void lnkForward_Click(object sender, EventArgs e)
        {
            WebBrowser browser = metroTabControl.SelectedTab.Controls[0] as WebBrowser;
            if (browser != null)
            {
                if (browser.CanGoForward)
                    browser.GoForward();
            }
        }

        private void btnGo_Click(object sender, EventArgs e)
        {
            //Go to url
            WebBrowser browser = metroTabControl.SelectedTab.Controls[0] as WebBrowser;
            if (browser != null)
                browser.Navigate(txtUrl.Text);
        }

        private void btnNewTab_Click(object sender, EventArgs e)
        {
            NewTab();
        }

        private void NewTab()
        {
            //Create new tab, then add a webbrowser control to the new tab
            TabPage tab = new TabPage();
            tab.Text = "New tab";
            metroTabControl.Controls.Add(tab);
            metroTabControl.SelectTab(metroTabControl.TabCount - 1);
            WebBrowser browser = new WebBrowser() { ScriptErrorsSuppressed = false };
            browser.Parent = tab;
            browser.Dock = DockStyle.Fill;
            browser.Navigate("https://foxlearn.com");
            txtUrl.Text = "https://foxlearn.com";
            browser.DocumentCompleted += Browser_DocumentCompleted;
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            NewTab();
        }

        private void Browser_DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
        {
            //Set title to metro tab control
            WebBrowser browser = metroTabControl.SelectedTab.Controls[0] as WebBrowser;
            if (browser != null)
                metroTabControl.SelectedTab.Text = browser.DocumentTitle;
        }
    }
}

VIDEO TUTORIALS