Click here to Skip to main content
13,001,686 members (64,301 online)
Click here to Skip to main content
Add your own
alternative version


36 bookmarked
Posted 13 Dec 2006

Export and import web parts and personalized using membership in ASP.NET 2.0

, 13 Dec 2006
Rate this:
Please Sign up or sign in to vote.
Rich and dynamic web contains using webpart and membership controls

Sample screenshot


In ASP.NET 2.0 there are several new web controls are added; one of them is web parts by taking advantage of the new Web Parts framework, you can build applications that can be easily customized by users at runtime. Users can rearrange the elements of a page built with Web Parts by using a drag-and-drop interface. Users can also add and remove elements in a page by working with one or more Web Part catalogs.
This article introduces you to the Web Part framework. It also goes beyond the basics and discusses several advanced features of Web Parts. For example, you learn how to share Web Part settings across applications by importing and exporting Web parts. More to this this is simple application by which you can see the use of membership control and personalization experience for user level.


The basic idea behind this page to get introduced the new control in ASP.NET 2.0 like login control, Master pages and web parts, and main intention is import and export web parts.
Using the code.

Using the code

This code is basically a simple application where user can register and customize its news page.
New pages contain the web pats controls and that web part can be personalize and customize.

In this article we will focus on the Export and import of the web parts.
By this feature you donot have to put every web part on each page if your page is have web part zone then end user can import the perviously saved web parts and he can place it on any page he want by just importing the web part using import web part catalog.
For this reason you will be requiring one CatalogZone on your page.
After adding catlog zone add "Import web part catalog" to inside it.
You can refer the NewsPage.aspx page in the demo site.
For enabling the export option on your web parts you have to add one key in web.config file.

    <webParts enableExport="true"></webParts>

After adding this now your all web parts are enable to the exports.
More to this you have to enable ExportMode mode of the all web part on your page to WebPartExportMode.All

Here I am enabling the export mode of all webparts like this.

foreach (WebPartZone wz in WebPartManager1.Zones)
               foreach (WebPart wp in wz.WebParts)
                   wp.ExportMode = WebPartExportMode.All;
If you want to export any specific web part then you can enable mode of that webpart only.

After doing this you will find the one menu (verb) is added to the webpart that is export
On clicking to this menu browser will ask user to save the *.WebPart file.

Sample screenshot

*.WebPart is just an xml file to stores the description of web part it look like :

<?xml version="1.0" encoding="utf-8"?>
  <webPart xmlns="<A href=""></A>">
      <type src="~/UserControls/Links.ascx" />
      <importErrorMessage>Cannot import this Web Part.</importErrorMessage>
      <properties />
        <property name="AllowClose" type="bool">True</property>
        <property name="Width" type="unit" />
        <property name="AllowMinimize" type="bool">True</property>
        <property name="AllowConnect" type="bool">True</property>
        <property name="ChromeType" type="chrometype">Default</property>
        <property name="TitleIconImageUrl" type="string" />
        <property name="Description" type="string" />
        <property name="Hidden" type="bool">False</property>
        <property name="TitleUrl" type="string" />
        <property name="AllowEdit" type="bool">True</property>
        <property name="Height" type="unit" />
        <property name="HelpUrl" type="string" />
        <property name="Title" type="string">Links </property>
        <property name="CatalogIconImageUrl" type="string" />
        <property name="Direction" type="direction">NotSet</property>
        <property name="ChromeState" type="chromestate">Normal</property>
        <property name="AllowZoneChange" type="bool">True</property>
        <property name="AllowHide" type="bool">True</property>
        <property name="HelpMode" type="helpmode">Navigate</property>
        <property name="ExportMode" type="exportmode">All</property>

Once you have save that file then you set the mode of webpartmanager as design mode

WebPartManager1.DisplayMode = WebPartManager.DesignDisplayMode; 

Once mode is set in the Catalog Zone user will have import web part catalog where he can browser the saved file i.e. (*.WebPart) file and add that web part to the page in any webpart zone by selecting webpart and clicking add.

Sample screenshot

Happy Exploring.. 


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author
Technical Lead
United States United States
I am Software professional and MCTS, Working for last 10 years in .Net technologies.
I loved to work on Microsoft technologies Specially the Web Technologies.

You may also be interested in...


Comments and Discussions

QuestionWeb part location inside og a webpartzone Pin
yaniv_azulay8-Jul-08 23:05
memberyaniv_azulay8-Jul-08 23:05 
GeneralTo add webpart to particular webzone without using dropdown of catalog zone Pin
_manish7-Mar-08 0:28
member_manish7-Mar-08 0:28 
GeneralPlease Clearify Ur Sample Pin
Lalit Gandhi26-Sep-07 20:03
memberLalit Gandhi26-Sep-07 20:03 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink | Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.170624.1 | Last Updated 14 Dec 2006
Article Copyright 2006 by
Everything else Copyright © CodeProject, 1999-2017
Layout: fixed | fluid