4. Custom Pages and Web Parts

[toc]

Adding Easy Tabs

This wiki covers the basics for using Easy Tabs (http://usermanagedsolutions.com/SharePoint-User-Toolkit/Pages/Easy-Tabs-v5.aspx). Easy Tabs uses a Content Editor Web Part to organize all of the lists and libraries on your page with tabs. Easy Tabs allows users to customize the look and feel of the tabs. APAN has a version, which follows the APAN look and feel.

 Create Tabs – APAN Look and Feel

1. Click Site Actions.
2. Click Edit Page.
3. Scroll down to the top of section where you want to add the web part. Click on Add a Web Part.
4. Scroll down to the Media and Content section, and click on Web Parts.
5. Left click on the title Content Editor and drag it to the bottom of the section.
6. Click on the down arrow to the right side of the title and click on Edit Web Part.
7. Scroll to the top right to view the Content Editor dialog box.
8. Paste the following link into the Content Link box. /s/SystemWideCode/EasyTabs5.0.txt\
9. Expand the Layout section. Check the box next to the word Hidden. Then click OK.
10. Click on the Stop Editing icon in the ribbon.

 Using Your Own Easy Tabs

1. Get the source code for Easy Tabs 5.0 at http://usermanagedsolutions.com/SharePoint-User-Toolkit/Pages/Easy-Tabs-v5.aspx
2. Save your Easy Tabs file in one of your Document libraries. Note the URL.
3. Return to the page, where you want to add the tabs. Click on Site Actions, and then Edit Page.
4. Scroll down to the top of section where you want to add the web part. Click on Add a Web Part.
5. Scroll down to the Media and Content section, and click on Web Parts.
6. Left click on the title Content Editor and drag it to the bottom of the section.
7. Click on the down arrow to the right side of the title and click on Edit Web Part.
8. Scroll to the top right to view the Content Editor dialog box.
9. Paste your link to the Easy Tabs file into the Content Link box.
10. Expand the Layout section. Check the box next to the word Hidden. Then click OK.
11. Click on the Stop Editing icon in the ribbon.

Managing Web Parts on your Page

How do I add a web part?

1. Click on Site Actions, and then Edit Page. 
2. Click on the Page tab, if it is not highlighted. 
3. Scroll down to the top of section where you want to add the web part. Click Add a Web Part.
4. Choose the web part from the Categories.
5. Click on your web part in the Web Parts section.
6. Change the setting Add Web Part to, if necessary.
7. Click Add.
8. Click on Stop Editing at the top left of the page.

How do I delete a web part?

1. Click on Site Actions, and then Edit Page.
2. Click on the Page tab
3. Mouse over the small inverted triangle on the right hand side of the web part title and left click.
4. Select Delete in the drop down menu.
5. Confirm the deletion by clicking on OK.
6. Click on Stop Editing at the top left of the page.

How do I move a web part?

1. Click on Site Actions, and then Edit Page.
2. Click on the Page tab.
3. Mouse over the small inverted triangle on the right hand side of the web part title and left click.
4. Select Minimize in the drop down menu.
5. Mouse over the web part title. Left click and drag the web part to its new location.
6. Mouse over the small inverted triangle on the right hand side of the web part title and select Restore.
7. Click on Stop Editing at the top left of the page.