The Following Steps are used to work with the
WebParts Control.
Step 1: Firstly open the Visual Studio 2010 Perform the following steps
- Click on the New->Website->Select the
asp.net WebSite.
- Add the page and named it as
webparts.aspx
- Click on View->Visual Aids and select the
ASP.Net non visual controls, margins and padding.
This helps you to see layout tags and controls
that do not have a UI.
Step 2: Now move your cursor inside the div tag and add the
webPartManager Control from the webparts controls.
Step 3: Now in the new line add a text Working with WebParts Control.
Step 4: Add a table from the Table menu whose row is 1 and column is 2.
Step 5: Now In the first column add the WebPartZone from the WebParts
Controls.Inside this control we can add any control.
Step 6: Add the two radio button inside the WebPartControl,
- Add the new attribute title of these
radio button and give the title as Select Mca Student and Select Mba
Student.
- Give the name of radio button as Mca
and Mba.
The code for this is
<asp:WebPartZone
ID="WebPartZone1"
runat="server"
Height="69px"
Width="411px">
<ZoneTemplate>
<asp:RadioButton
ID="RadioButton1"
runat="server"
title="Select Mca
Student"
Text="MCA"/>
<asp:RadioButton
ID="RadioButton2"
runat="server"
title="Select Mba
Student"
Text="MBA"/>
</ZoneTemplate>
</asp:WebPartZone>
Step 7: Add another WebPartZone In The Second Column,
- Add the label control inside it
- Give the Title as Student Content
- Give the text as Courses.
The code for this is
<asp:WebPartZone
ID="WebPartZone2"
runat="server"
Height="58px"
Width="401px">
<ZoneTemplate>
<asp:Label
ID="Label1"
runat="server"
Text="Label"
title="Student
Content"><h2>Courses</h2></asp:Label>
</ZoneTemplate>
</asp:WebPartZone>
Step 8: Now Run the application by pressing F5.The output is shown as
Summary: This Blog is simply tells you the basic use of Webparts Controls