Wizard Control Appearance in Windows Forms Wizard

29 Apr 20215 minutes to read

This section discusses the various appearance settings of the Wizard controls.

Foreground settings

Wizard control foreground

The appearance of the text in the Wizard control can be controlled using the Font and ForeColor properties.

NOTE

These WizardControl.Font property will be applied only to the Description text and the Button texts of the Wizard Page. WizardControl.ForeColor property will be applied to the Page Title and description text alone. To set Font style for Title and description, see Title and Description Settings topic.

//Foreground Settings for the display text 

this.wizardControl1.Font = new System.Drawing.Font("Verdana", 8.25F, System.Drawing.FontStyle.Regular);

this.wizardControl1.ForeColor = System.Drawing.Color.DarkBlue;
'Foreground Settings for the display text 

Me.wizardControl1.Font = New System.Drawing.Font("Verdana", 8.25F, System.Drawing.FontStyle.Regular)

Me.wizardControl1.ForeColor = System.Drawing.Color.DarkBlue

Wizard control foreground

NOTE

These settings can be overridden by the individual WizardPage.Font and WizardControl.ForeColor settings.

The foreground settings for the Button text can be overridden by the WizardPage.Button.Font and WizardPage.Button.ForeColor settings also. See Button Appearance topic.

Wizard page foreground

The font and fore color for the display text in a Wizard page can be controlled through below properties.

this.wizardControl1.Font = new System.Drawing.Font("Verdana", 8.25F, System.Drawing.FontStyle.Regular);

this.wizardControl1.ForeColor = System.Drawing.Color.Black;
Me.wizardControl1.Font = New System.Drawing.Font("Verdana", 8.25F, System.Drawing.FontStyle.Regular) 

Me.wizardControl1.ForeColor = System.Drawing.Color.Black

Wizard page foreground

Background settings

Wizard control background

The background of the Wizard control can be customized through the below properties.

this.wizardControl1.BackColor = System.Drawing.Color.LightSteelBlue;
Me.wizardControl1.BackColor = System.Drawing.Color.LightSteelBlue

Wizard control background

NOTE

By default the background settings of the Wizard control will be overridden by the Wizard Container background settings.

The below properties lets you customize the banner panel in a Wizard Control.

this.gradientPanel1.BackgroundColor = new Syncfusion.Drawing.BrushInfo(Syncfusion.Drawing.GradientStyle.Vertical, System.Drawing.Color.AliceBlue, System.Drawing.Color.LightSteelBlue);
Me.gradientPanel1.BackgroundColor = New Syncfusion.Drawing.BrushInfo(Syncfusion.Drawing.GradientStyle.Vertical, System.Drawing.Color.AliceBlue, System.Drawing.Color.LightSteelBlue)

Banner panel background

Wizard page background

The below properties lets you customize the Wizard page in a Wizard Control.

this.wizardControlPage2.BackgroundColor = new Syncfusion.Drawing.BrushInfo(Syncfusion.Drawing.GradientStyle.PathRectangle, System.Drawing.Color.AliceBlue, System.Drawing.Color.LightSteelBlue);
Me.wizardControlPage2.BackgroundColor = New Syncfusion.Drawing.BrushInfo(Syncfusion.Drawing.GradientStyle.PathRectangle, System.Drawing.Color.AliceBlue, System.Drawing.Color.LightSteelBlue)

Wizard page background

Border styles

Wizard control

The various border styles for a Wizard control are as follows.

  • None
  • FixedSingle and
  • Fixed3D
this.wizardControl1.BorderStyle = System.Windows.Forms.BorderStyle.FixedSingle;
Me.wizardControl1.BorderStyle = System.Windows.Forms.BorderStyle.FixedSingle

Border styles

Banner Panel is a simple gradient panel whose 3D border styles are as follows.

  • RaisedOuter
  • SunkenOuter
  • RaisedInner
  • Raised
  • Etched
  • SunkenInner
  • Bump
  • Sunken
  • Adjust
  • Flat

NOTE

The GradientPanel.BorderStyle property should be set to Fixed3D to make this setting effective.

this.gradientPanel1.Border3DStyle = System.Windows.Forms.Border3DStyle.Sunken;

this.gradientPanel1.BorderStyle = System.Windows.Forms.BorderStyle.Fixed3D;
Me.gradientPanel1.Border3DStyle = System.Windows.Forms.Border3DStyle.Sunken

Me.gradientPanel1.BorderStyle = System.Windows.Forms.BorderStyle.Fixed3D

Banner panel

You can use the below properties to set 2D border style for the Banner Control when GradientPanel.BorderStyle property is set to FixedSingle.

Wizard page border

The below properties controls the border settings for a Wizard control page.