Home > SharePoint 2010 > How To Add Custom Web Part Properties To Visual Web Part In SharePoint 2010

How To Add Custom Web Part Properties To Visual Web Part In SharePoint 2010

Hey Folks,

Let’s see how we can add custom web part properties to a visual web part in SharePoint 2010.

Open Visual Studio 2010 -> File -> New -> Project -> Visual C# -> SharePoint -> 2010 and select Visual Web Part project template as below:

In SharePoint Customization Wizard, validate the SharePoint 2010 site URL as below:

Once Visual Studio 2010 open ups, it will look like below:

Open VisualWebPart1.cs file and add below code:

 

namespace AddCustomProperty.VisualWebPart1
{
[ToolboxItemAttribute(false)]
public class VisualWebPart1 : WebPart
{
// Visual Studio might automatically update this path when you change the Visual Web Part project item.
private const string _ascxPath = @”~/_CONTROLTEMPLATES/AddCustomProperty/VisualWebPart1/VisualWebPart1UserControl.ascx”;

private string _Name;
[WebBrowsable(true), WebDisplayName("Name"), WebDescription("My Name"),
Personalizable(PersonalizationScope.Shared), Category("Custom Property"),
System.ComponentModel.DefaultValue("")]

public string Name
{
get { return _Name; }
set { _Name = value; }
}

protected override void CreateChildControls()
{
VisualWebPart1UserControl control = (VisualWebPart1UserControl)Page.LoadControl(_ascxPath);
control.Name = Name;
Controls.Add(control);
}
}
}

 

It should look like below:

Open VisualWebPart1UserControl.ascx file and add below code:

It should look like below:

Open VisualWebPart1UserControl.ascx.cs file and add below code:

namespace AddCustomProperty.VisualWebPart1
{
public partial class VisualWebPart1UserControl : UserControl
{
public string Name { get; set; }

protected void Page_Load(object sender, EventArgs e)
{
NameLiteral.Text = "Your Name is : " + this.Name;
}
}
}

It should look like below:

Deploy The Project:

Final Look:

Thanks & Have Fun!! :)

About these ads
  1. fewlines4biju
    January 12, 2012 at 12:31 PM

    Gud article !!! You can check this link also

    Thanks
    Bijay
    http://www.enjoysharepoint.com

  2. December 7, 2012 at 10:20 PM

    How put “custom property” category in the beginnig after Appearance

  3. Sar
    December 19, 2012 at 5:57 PM

    Reblogged this on SarPoint.

  1. No trackbacks yet.

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s