Displaying Site Navigation with Tree View

Displaying Site Navigation with Tree View

Return to Configuration Overview

You can use Tree View to display items from SharePoint Lists, Document Libraries, Discussion Boards, Wikis and Picture Libraries or to display sites in the site collection.

Action Result
From the left pane, click the plus sign

or

Click the site item name to view sub-sites in the right pane.

hw03014.jpg

NOTE: Depending on how it has been configured, your web part may have a Create link above the tree view. Users with the appropriate permission level, will be able to create a new SharePoint site under the selected node.

  • Clicking the name of the sub-site or the icon takes you to that site.

  • You can also limit the tree hierarchy to show only sites under the current site by selecting the Only this site and below check box in the Web Part tool pane. See Step 2 in Configuration Options SharePoint Site.

How to Display Discussion Board Information in Tree View

How to Display Discussion Board Information in Tree View

Return to Configuration Overview

You can use the Tree View to display items from SharePoint Lists, Document Libraries, Discussion Boards, Wikis and Picture Libraries or to display sites in the site collection. To display Discussion Board items in Tree View by topic name and hierarchy of replies as they were made in the Discussion Board itself, add Tree View to a page where the Discussion Board resides.

Step Action Result
1. Users can create new discussion posts for the selected topic item in the left pane by using the New button on the toolbar.

hw03023.jpg

This view allows users to quickly navigate to the topic of their choice and choose a discussion thread to review.

Display List by Priority and Status Columns

Display List by Priority and Status Columns

Return to Configuration Overview

To use Tree View to show SharePoint List columns in multiple tree levels, you first need to configure your list so that it is grouped by the columns that you want to use in Tree View.

Settings.jpgFor example, a Task List contains Status and Priority columns. First open up the list settings and create or modify the view that you want to use.

Set the Group By section so that tasks are:

  1. grouped by the Priority column
  2. then grouped by the Status column
  3. groups are showing Collapsed by default and 30 groups per page

When viewing the list after it has been configured this way, all of the groups show up on the List as shown in the screenshot below:

ListView.jpgUsers will need to click the Plus symbol next to the column name to see the contents within that group.

Now that your List View is configured to group by these columns, you can set up Tree View to show the groups as hierarchies in the tree level as displayed below:

TreeView.jpgWith Tree View, they can see the groups at a glance in a more familiar look and feel (it’s similar to a file share or Windows Explorer desktop view) and simply click on the group name so that the contents within that group displays in the right side of the window.

Configure Tree View

Configure Tree View

Depending on whether you are configuring a SharePoint List, Document or Picture Library, Wiki Library, or Discussion Board, various options become available for configuration in the tool pane.

We have divided up the main three configuration choices by Site, SharePoint List, and MashPoint/BDC connection so that you can review the configuration choices that are related to your specific data source.

Configure Tree View Using BCS

Configure Tree View Using BCS

Return to Configuration Overview

BCS.jpgYou have a variety of options when configuring Tree View, one of which is using a Microsoft Business Connectivity Service (BCS) connection as your data source. Depending on your choices, you see different options. You have two other data sources from which to choose:

This article covers how to use Microsoft BCS as your data source. Each portion of the web part is described in detail below:

Item Column Name Description
1. Data Source = Microsoft Business Connectivity Services When you choose BCS as your data source, your options appear on screen as shown here. Details on each option are described in the table below.
2. Data Source Settings

Use the External Content picker icon Picker.jpg to the right of the Data Source Settings box to select non-SharePoint content in your environment. All available external content types appear for you to select.
02.jpg

If there are no external content types from which to pick, you will see an error message:
External Content Types are not available. Contact your system administrator.

3. Available columns All in your external list will show on the left side of the windowpane. Simply highlight the column(s) that you want to display on Tree View and use the > arrow to move them into the selection box.
03.jpg
4. First group by column This is your option to group items within your external content list by one of the columns. Grouping by a column sets up Tree View to display that grouping as a top level with items in that group as sub-items similar to Windows Explorer displays content in folders.04.jpg
5. Show Item in Ascending or Descending Order Select either radio button if you the data to be ordered A-Z or Z-A in the Tree View display.05.jpg
6. Then group by the column In the drop-down menu you will see a list of columns that by which you can group your data.06.jpg
7. Show Item in Ascending or Descending Order You may sort your items one way and the groupings a different way.07.jpg
8. Number of items per page This option is only enabled when you select a document or picture library. Tree View uses this number to display the number of items per page when a tree node is selected. 08.jpg
9. Automatically expand level Select this check box to automatically expand the tree nodes up to 3 levels when the web part renders on a page.09.jpg
10. Dynamic height This option allows the web part to expand in height based on the amount of data displayed in the left or right panes.10.jpg
11. Default Tree Panel Width in Pixels You can set a fixed width for the tree; if you check this box, fill in the number of pixels in the box on the right.11.jpg
12. Inherit Site Theme ** This option will inherit your existing SharePoint site theme. 12.jpg
13. Skins Optionally, you can select from a variety of skins available from the drop-down menu.13.jpg
14. Custom CSS This option allows you to customize the web part to match your branding.
15. Select a language Pick a language from the drop-down menu. More details about localization of Bamboo products can be found here.
15.jpg

Configuration Options MashPoint/BDC

Configuration Options MashPoint/BDC

Return to Configuration Overview

You have a variety of options when configuring Tree View, one of which is using a Mashpoint or BDC connection as your data source. You have two other data sources from which to choose:

Depending on your choices, you see different options. This covers leveraging MashPoint/BDC as your data source.

Step Action Result
1. Data Source = MashPoint/BDC
When you choose a BDC as your data source, your options appear on screen as shown here. Details on each option are described in the table below.
BDC.jpg
2. Use the External Content picker icon Picker.jpg to the right of the Data Source Settings box to select non-SharePoint content in your environment.

All available external content types appear for you to select.ECpicker.jpg

If there are no external content types from which to pick, you will see an error message:
External Content Types are not available. Contact your system administrator.

3. All available columns in your external list will show on the left side of the windowpane. simply highlight the column(s) that you want to display on Tree View and use the > arrow to move them into the selection box.
MoveOver.jpg
4. First group by column This is your option to group items within your external content list by one of the columns. Grouping by a column sets up Tree View to display that grouping as a top level with items in that group as sub-items similar to Windows Explorer displays content in folders.
5. Show Item in Ascending Order Select this radio button if you the data to be ordered A-Z in the Tree View display.
5. Show Item in Descending Order Select this radio button if you the data to be ordered Z-A in the Tree View display.
6. Then group by the column In the drop-down menu you will see a list of columns that by which you can group your data.
7. Show Item in Ascending or Descending Order You may sort your items one way and the groupings a different way.
8. Number of items per page This option is only enabled when you select a document or picture library. Tree View uses this number to display the number of items per page when a tree node is selected.
9. Automatically expand level Select this check box to automatically expand the tree nodes up to 3 levels when the web part renders on a page.
10. Sort tree by Select a column by which to sort the tree.
11. Organize results by Select this check box to display information in the left pane of the web part by folder hierarchy or by the grouping configured in the selected list view.
12. Dynamic height This option allows the web part to expand in height based on the amount of data displayed in the left or right panes.
13. Default Tree Panel Width in Pixels You can set a fixed width for the tree; if you check this box, fill in the number of pixels in the box on the right.
14. Select a language Pick a language from the drop-down menu. More details about localization of Bamboo products can be found here.

Configuration Options SharePoint List

Configuration Options SharePoint List

Return to Configuration Overview

You have a variety of options when configuring Tree View, one of which is using a SharePoint list as your data source. You have two other data sources from which to choose:

Depending on your choices, you see different options. This covers leveraging a SharePoint list as your data source.

Step Action Result
1. Data Source = SharePoint List
When you choose a SharePoint List as your data source, your options appear on screen as shown here. Details on each option are described in the table below.
SPList.jpg
2. Site URL

Enter the URL of a site that contains a list you want to display in Tree View.

NOTE: Site URLs can be absolute (http://domain/site) or relative (./site).

3. List Name Pick from the lists in the drop-down menu. The lists that appear in the drop-down menu are lists on this site.
4. Select views to display results

You can select one, multiple or all views available for the selected list. Selecting multiple or all views makes these views available to the user in the Display view drop-down list at the top right of the right pane.

NOTE: For lists that do not contain folders, you can only see a tree structure for a view if the selected view has been configured to group list items by a column.

5. Number of items per page Tree View uses this number to display the number of items per page when a tree node is selected. This choice will override the Item Limit section of the List view setting.
5. Automatically expand level Select this check box to automatically expand the tree nodes up to 3 levels when the web part renders on a page.
6. Organize results by Select this check box to display information in the left pane of the web part by folder hierarchy or by the grouping configured in the selected list view.
7. Dynamic height This option allows the web part to expand in height based on the amount of data displayed in the left or right panes.
8. Detail Tree Panel Width You can set a fixed width for the tree; if you check this box, fill in the number of pixels in the box on the right.
9. Inherit Site Theme This option will inherit your existing SharePoint site theme.
10. Skins Optionally, you can select from a variety of skins available from the drop-down menu.
11. Custom CSS This option allows you to customize the web part to match your branding.
12. Language Settings Pick a language from the drop-down menu. More details about localization of Bamboo products can be found here.

Configuration Options SharePoint Site

Configuration Options SharePoint Site

Return to Configuration Overview

You have a variety of options when configuring Tree View, one of which is using a SharePoint Site as your data source. You have two other data sources from which to choose:

Depending on your choices, you see different options. This covers leveraging a SharePoint Site as your data source.

Step Action Result
1. Data Source = SharePoint Site
When you choose a SharePoint List as your data source, your options appear on screen as shown here. Details on each option are described in the table below.
SPSite.jpg
2. Display this site and below Check this box to show this site and all sub-sites within the site collection.
3. Number of items per page This option is only enabled when you select a document or picture library. Tree View uses this number to display the number of items per page when a tree node is selected.
4. Automatically expand level Select this check box to automatically expand the tree nodes up to 3 levels when the web part renders on a page.
5. Sort tree by Select a column by which to sort the tree.
6. Dynamic height This option allows the web part to expand in height based on the amount of data displayed in the left or right panes.
7. Default Tree Panel Width in Pixels You can set a fixed width for the tree; if you check this box, fill in the number of pixels in the box on the right.
8. Inherit Site Theme This option will inherit your existing SharePoint site theme.
9. Skins Optionally, you can select from a variety of skins available from the drop-down menu.
10. Custom CSS This option allows you to customize the web part to match your branding.
11. Select a language Pick a language from the drop-down menu. More details about localization of Bamboo products can be found here.

Complementary Products for Tree View

Complementary Products for Tree View

sharepointsolutions.pngYou will find many of our products complement each other quite nicely saving you the time and trouble to write custom code. With Bamboo at the heart of your SharePoint investment, you gain access to a huge catalog of enhancements, components, and accessories that add the critical functionality your business requires.

The same components can be easily used in future applications and they all come from a single, trusted vendor, ensuring an easy purchase process and support you can count on. That’s the Bamboo Way!


FileShare

File Share Library
VideoLib
VideoLibrary
Beyond just a simple interface to your existing network file shares, File Share Library provides the option to allow users to upload files larger than the set SharePoint file limits and capabilities to store metadata of files that are deleted in the external file share, thus preserving valuable history.
From training materials to commercials, companies are accumulating rich media like videos quickly. While SharePoint is pretty good at storing a lot of things, video and audio files have their own needs. Bamboo Solutions created the Video Library so you can create a centralized location for not only storing videos, but for playing them back and sharing them as well.