Show TOC

9.1 How To Integrate NWBC into a Microsoft SharePoint PortalLocate this document in the navigation structure

Use

This example shows how the NWBC for HTML can be integrated into Microsoft SharePoint 2007 using the standard tools and components that are delivered by MS SharePoint 2007 out of the box. We will create a small site hierarchy using shared navigation. Each role can thereby be accessed using its own link that is always visible since appropriate site navigation settings have been chosen.

Example

We start the process by creating a site that contains subsites for each SAP role. Each subsite shows the service map of the respective role.

This is an overview of the steps:

  1. Create a new site.

  2. Create a subsite under the new site.

  3. Add a page viewer Web part in the site ESS.

  4. Customize the Web part properties so that it displays the content of the service map of the role using NWBC for HTML.

Step 1: Create a New Site

  1. In the Site Actions menu, select Create Site . In the following dialog box, you have to enter some mandatory values.

  2. In the Title and Description section, enter a title for your site, for example, SAP .

  3. In the Web Site Address section, enter a name for the new subweb that is to be part of the URL for your site. In this example, we also choose the value SAP .

  4. In the Template Selection section, select the template you want. In our example, we choose a Team Site template.

  5. Maintain all other settings as needed. In our example, we leave the default values unchanged.

  6. Choose Create .

  7. In the Site Actions menu, select Site Settings .

  8. Under Look and Feel , choose Navigation . In the following dialog box, we want to change some settings, so that the navigation contains the links to all SAP subsites.

  9. In the Subsites and Pages section, select the Show subsites checkbox.

Step 2: Create a Subsite under the New Site

  1. Make sure that you are at the location on the site that you have created in step 1.

  2. In the Site Actions menu, select Create Site .

  3. Under Web Pages , select Sites and Workspaces . In the following dialog box, you have to enter some mandatory values.

  4. In the Title and Description section, enter a title for your site, for example, Employee Self Services .

  5. In the Web Site Address section, enter a name for the new subweb that is to be part of the URL for your site. In this example, we choose the value ESS to keep the URL short.

  6. In the Template Selection section, select the template you want. In this example, we choose the Blank Site template.

  7. Maintain all other settings as needed. In our example, we leave the default values unchanged.

  8. Choose Create .

  9. In the Site Actions menu, select Site Settings .

  10. Under Look and Feel , select Navigation . In the following dialog box, we want to change some settings, so that the navigation contains the links to all SAP sites.

  11. In the Current Navigation section, select the Display the same navigation items as the parent site radio button.

Example

Step 3: Add a Page Viewer Web Part in the Site ESS

  1. Make sure that you are at the location on the site that we have created in step 2.

  2. In the Site Actions menu, select Edit Page .

  3. In the Web Part zone where you want to add the Web part, select Add a Web Part .

  4. In the Add Web Parts dialog box, select the checkbox for the Page Viewer Web Part that you want to add to the page.

  5. Choose Add .

Example

Step 4: Customize the Web Part Properties so that it Displays the Content of the Service Map of the Role Using NWBC for HTML

  1. In the Web Part menu of the Page Viewer Web Part , choose Edit and then Modify Shared Web Part .

  2. Enter the link that points to the NWBC for HTML role in the field link.

  3. Since the Page Viewer Web Part does not resize automatically, you should choose an appropriate fixed height, for example 700 pixel.

  4. Change the title from its default value to Employee Self Services .

  5. Change all other properties you want to maintain. In this example, we leave all other default values unchanged.

  6. Save your changes by closing the tool pane and choosing OK .

  7. Leave the Edit Mode by clicking Exit Edit Mode .

    Example

The site now looks as follows:

Example

You can now add additional subsites to the site SAP that has been created in step 1 by repeating the steps 2-5. In our example, we have added a second subsite for Manager Self Services. With the navigation settings chosen in step 1, the links to the other SAP roles can be accessed from all subsites that reside beneath the site SAP that has been created in step 1.

Example

More Information

For more information about creating sites and the integration of third party content into MS SharePoint, see the SharePoint online help.