Web Browser inside a tabbed page flickers on resize

Hi Dave,

As far as I can see, any page loaded into a web browser control flickers.

Place a tab control with a tabbed page onto a sizable form, set the tab control's dock style to fill or anchor styles property to stretch with form and load any document into the web browser.

Resizing the form will cause the page loaded to flicker.

Thanks for responding as I have spent six months on this project, and would really appreciate help in solving this problem.

I can not avoid using the tab control sadly.

Thanks

SGI101 at 2007-10-8 >

I am using Visual Studio 2005 Professional and C#

Simply create a new windows forms project, add a TabControl to the form and set the Dock property of the TabControl to Fill or the Anchor property to stretch with form on resize. (Top, Bottom, Left and Right)

Add a Web Browser control to one of the tab pages and set it's docking property to Fill.

Set the WebBrowser control to navigate to a URL (any)

Then resize the form.

This produces an unacceptable flicker and I have been asked by client to rectify this.

Below is sample code that produces the problem.

Using System;

using System.Collections.Generic;

using System.ComponentModel;

using System.Data;

using System.Drawing;

using System.Text;

using System.Windows.Forms;

namespace TabbedPageTest

{

publicclassForm1 : Form

public Form1()

{

InitializeComponent();

webBrowser1.Navigate("http://www.google.co.uk");

}

[STAThread]

staticvoid Main()

{

Application.EnableVisualStyles();

Application.SetCompatibleTextRenderingDefault(false);

Application.Run(newForm1());

}

private System.ComponentModel.IContainer components = null;

/// <summary>

/// Clean up any resources being used.

/// </summary>

/// <param name="disposing">true if managed resources should be disposed; otherwise, false.</param>

protectedoverridevoid Dispose(bool disposing)

{

if (disposing && (components != null))

{

components.Dispose();

}

base.Dispose(disposing);

}

#region Windows Form Designer generated code

/// <summary>

/// Required method for Designer support - do not modify

/// the contents of this method with the code editor.

/// </summary>

privatevoid InitializeComponent()

{

this.tabControl1 = new System.Windows.Forms.TabControl();

this.tabPage1 = new System.Windows.Forms.TabPage();

this.tabPage2 = new System.Windows.Forms.TabPage();

this.webBrowser1 = new System.Windows.Forms.WebBrowser();

this.tabControl1.SuspendLayout();

this.tabPage1.SuspendLayout();

this.SuspendLayout();

//

// tabControl1

//

this.tabControl1.Anchor = ((System.Windows.Forms.AnchorStyles)((((System.Windows.Forms.AnchorStyles.Top | System.Windows.Forms.AnchorStyles.Bottom)

| System.Windows.Forms.AnchorStyles.Left)

| System.Windows.Forms.AnchorStyles.Right)));

this.tabControl1.Controls.Add(this.tabPage1);

this.tabControl1.Controls.Add(this.tabPage2);

this.tabControl1.Location = new System.Drawing.Point(12, 12);

this.tabControl1.Name = "tabControl1";

this.tabControl1.SelectedIndex = 0;

this.tabControl1.Size = new System.Drawing.Size(414, 332);

this.tabControl1.TabIndex = 0;

//

// tabPage1

//

this.tabPage1.Controls.Add(this.webBrowser1);

this.tabPage1.Location = new System.Drawing.Point(4, 22);

this.tabPage1.Name = "tabPage1";

this.tabPage1.Padding = new System.Windows.Forms.Padding(3);

this.tabPage1.Size = new System.Drawing.Size(406, 306);

this.tabPage1.TabIndex = 0;

this.tabPage1.Text = "tabPage1";

this.tabPage1.UseVisualStyleBackColor = true;

//

// tabPage2

//

this.tabPage2.Location = new System.Drawing.Point(4, 22);

this.tabPage2.Name = "tabPage2";

this.tabPage2.Padding = new System.Windows.Forms.Padding(3);

this.tabPage2.Size = new System.Drawing.Size(192, 74);

this.tabPage2.TabIndex = 1;

this.tabPage2.Text = "tabPage2";

this.tabPage2.UseVisualStyleBackColor = true;

//

// webBrowser1

//

this.webBrowser1.Dock = System.Windows.Forms.DockStyle.Fill;

this.webBrowser1.Location = new System.Drawing.Point(3, 3);

this.webBrowser1.MinimumSize = new System.Drawing.Size(20, 20);

this.webBrowser1.Name = "webBrowser1";

this.webBrowser1.Size = new System.Drawing.Size(400, 300);

this.webBrowser1.TabIndex = 0;

//

// Form1

//

this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 13F);

this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;

this.ClientSize = new System.Drawing.Size(438, 406);

this.Controls.Add(this.tabControl1);

this.Name = "Form1";

this.Text = "Form1";

this.tabControl1.ResumeLayout(false);

this.tabPage1.ResumeLayout(false);

this.ResumeLayout(false);

}

#endregion

private System.Windows.Forms.TabControl tabControl1;

private System.Windows.Forms.TabPage tabPage1;

private System.Windows.Forms.WebBrowser webBrowser1;

private System.Windows.Forms.TabPage tabPage2;

}

}

SGI101 at 2007-10-8 >

i have the same problem, has anyone done anythign to fix this?

Norb at 2007-10-8 >

take a look at this project

they use a custom control that so far does not look like it flickers at all

http://www.codeproject.com/vb/net/IE7_Clone_VS2005_Browser.asp

i'm going to take a look at the source and see if i can use this for my project

btw ty for the response

Norb at 2007-10-8 >