How to create Tabbed Multiview in asp.net with c#

1.File-> New-> Website->  ASP.NET Web Site(Visual C#) -> Ok

(Now You will see a Default.aspx page. To create your own page->click on dropdown list below Edit->click Add new item->Select Web Form->click Add)

2. Click ToolBox(Navigation)-> Double Click on Menu(or drag and drop Menu on Design view)-> Right click on Menu->Select Properties->Change Orientation properties to Horizontal












Click ToolBox-> Double Click on MultiView(or drag and drop MultiView on Design view)->

ToolBox-> Double Click on View(Place view inside Multiview otherwise it will give you error)-> Add three view. Your Window should look like this
3.Click smart tag on menu(Horizontal arrow on image)->Click Edit Menu Items->You will see a pop up window











4.Click on Vertical arrow(on image) to add menu item->change the Text to your desired menu name(here i write home)->change the value to 0 (Add as many menu item as you want-> change the Text to your desired name and increase the value by 1)(this value will be used as ActiveViewIndex value)->OK
























5.Right click on Menu->Select Properties->Click Events->Double click on MenuItemClick event(Vertical arrow)


















And Write this Code:
6. Click F5 to run your project->OK
After Running the project(ActiveViewIndex now 0)














After clicking Menu( ActiveViewIndex now 1)
















After clicking About Us(ActiveViewIndex now 2)

No comments:

Post a Comment