Create Dynamic Web Control in c# desktop application

Question

I just want to create multiple web control using c# in visual studio. I have written the code for that but it create only once, I think it show the control created at the last in the loop.

Here is the code:

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace MDMScreenSharing
{
    public partial class Form2 : Form
    {
        private List<Skybound.Gecko.GeckoWebBrowser> geckowebbrouser;

        public Form2()
        {
            InitializeComponent();
            this.AutoSizeMode = AutoSizeMode.GrowAndShrink;
            this.AutoSize = true;
            this.Padding = new Padding(0, 0, 20, 20);
            this.StartPosition = FormStartPosition.CenterScreen;
        }

        private void Form2_Load(object sender, EventArgs e)
        {
            int inputNumber =5;
            geckowebbrouser = new List<Skybound.Gecko.GeckoWebBrowser>();
            for (int i = 1; i <= inputNumber; i++)
            {
                int j = 1;
                String wbname = "br" + i;

                Skybound.Gecko.GeckoWebBrowser gw = new Skybound.Gecko.GeckoWebBrowser();
                gw.Width = 200;
                gw.Height = 200;
                gw.Parent = panel1;
                gw.Name = wbname;
                gw.Location = new Point(gw.Width, panel1.Bottom + (i * 30));
                gw.Navigate("http://192.168.1.162:8080");
                geckowebbrouser.Add(gw);
                this.Controls.Add(gw);
                j = j*gw.Width;
            }
        }
    }
}

This will show the web control created at the last. I think the program should be more dynamic for that. What am I doing wrong?

The form output, that show only once.

with the new addition of code i have code that one of you provided. the code is

    using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows.Forms;

namespace MDMScreenSharing
{
    public partial class Form2 : Form
    {
        private List<Skybound.Gecko.GeckoWebBrowser> geckowebbrouser;

        public Form2()
        {
            InitializeComponent();
           // this.AutoSizeMode = AutoSizeMode.GrowAndShrink;
           // this.AutoSize = true;
            //this.Padding = new Padding(0, 0, 20, 20);
           // this.StartPosition = FormStartPosition.CenterScreen;
            this.flowLayoutPanel1.Dock = System.Windows.Forms.DockStyle.Fill;
            this.flowLayoutPanel1.Location = new System.Drawing.Point(0, 0);
            this.flowLayoutPanel1.Name = "flowLayoutPanel1";
            this.flowLayoutPanel1.Size = new System.Drawing.Size(602, 395);
            this.flowLayoutPanel1.TabIndex = 0;
        }

        private void Form2_Load(object sender, EventArgs e)
        {
            int inputNumber =4;
           geckowebbrouser = new List<Skybound.Gecko.GeckoWebBrowser>();
           for (int i = 1; i <= inputNumber; i++)
           {

               String wbname = "br" + i;
               Skybound.Gecko.GeckoWebBrowser gw = new Skybound.Gecko.GeckoWebBrowser();
               gw.Parent = flowLayoutPanel1;

               gw.Width = 200;
               gw.Height = 200;

               gw.Name = wbname;
               gw.Navigate("http://192.168.1.162:8080");
               geckowebbrouser.Add(gw);
               flowLayoutPanel1.Controls.Add(gw);

           }

        }

    }
}

but the problem in this case only one browser window navigate the page. like this

as you can see.

What happen if you set location after adding it to Form.Controls? — Hamid Pourjam
– Hamid Pourjam, Commented Dec 16, 2015 at 9:46
I think there are multiple overlapping web browser controls being added. Are you sure your point co-ordinate formula is working as expected? — Nikhil Vartak
– Nikhil Vartak, Commented Dec 16, 2015 at 9:53
nothing happen if i set the location after adding the control to form. — Satanand Tiwari
– Satanand Tiwari, Commented Dec 16, 2015 at 9:54
i don't think show. i am actually confuse in the point co-ordinate. i have tried multiple time. — Satanand Tiwari
– Satanand Tiwari, Commented Dec 16, 2015 at 9:55
What is panel1? You set gw.Parent = panel1; maybe it force the web browser to be inside panel1 — nrofis
– nrofis, Commented Dec 16, 2015 at 10:04

Tolga Evcimen · Accepted Answer · 2015-12-16 10:40:56Z

3

I think better approach will be using FlowLoayoutPanel so that you don't have to handle the position of each new control.

Go like this:

Add the FlowLayoutPanel through visual designer from toolbox. Then on your designer.cs you should automatically have:

// 
// flowLayoutPanel1
// 
this.flowLayoutPanel1.Dock = System.Windows.Forms.DockStyle.Fill;
this.flowLayoutPanel1.Location = new System.Drawing.Point(0, 0);
this.flowLayoutPanel1.Name = "flowLayoutPanel1";
this.flowLayoutPanel1.Size = new System.Drawing.Size(602, 395);
this.flowLayoutPanel1.TabIndex = 0;

FormLoad event:

private void Form1_Load ( object sender, EventArgs e )
{
    int inputNumber = 5;
    geckowebbrouser = new List<Skybound.Gecko.GeckoWebBrowser>();
    for ( int i = 1; i <= inputNumber; i++ )
    {
        int j = 1;
        String wbname = "br" + i;
        var gw = new Skybound.Gecko.GeckoWebBrowser();
        gw.Width = 300;
        gw.Height = 300;
        gw.Name = wbname;
        geckowebbrouser.Add(gw);
        flowLayoutPanel1.Controls.Add(gw);

        gw.Navigate("http://www.google.com");
    }
}

Update

The only difference from the WebBrowser implementation is that you need to call the Navigate method after you've added the control to the panel. Check the updated code above.

I have tested with default Skybound.Gecko.GeckoWebBrowser control too, and it's working just fine too:

edited Dec 16, 2015 at 10:40

answered Dec 16, 2015 at 9:54

Tolga Evcimen

7,39011 gold badges63 silver badges97 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Satanand Tiwari Over a year ago

thank your @Evcimen. but the problem is still same. the navigation of link shows only once. i want to create multiple web control that show different navigation. in this solution only first control shows the navigation not remains.

Satanand Tiwari Over a year ago

will you send me the code also.. if you don't mind. i have also tried that but the default WebBrowser control is based on the internet explorer and it not support the streaming.

Tolga Evcimen Over a year ago

just substitute the Skybound.Gecko.GeckoWebBrowser with WebBrowser, that's the code I have too. I'll try to get it working with gecko browser too if I can find the library:)

Satanand Tiwari Over a year ago

i can send you if you provide your email id.

Tolga Evcimen Over a year ago

Email sharing is not a sympathic behaviour here, share a link yo the library in your question.

|

Collectives™ on Stack Overflow

Create Dynamic Web Control in c# desktop application

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related