Microsoft Office Online
Sign in to My Office Online (What's this?) | Sign in

 
 
Microsoft Office FrontPage
Search
Search
 
Check for updates: (c) Microsoft
Office downloads
 
 
 
Warning: You are viewing this page with an unsupported Web browser. This Web site works best with Microsoft Internet Explorer 6.0 or later, Firefox 1.5, or Netscape Navigator 8.0 or later. Learn more about supported browsers.

Email this linkEmail this link Printer-Friendly VersionPrinter-Friendly Version Bookmark and ShareShare
List View Style Gallery in FrontPage 2002 and Word 2002
 

Microsoft Word 2002 and Microsoft FrontPage® 2002 support many kinds of styles to help you display lists in Web sites based on SharePoint Team Services from Microsoft. Here is a gallery of list view style examples to help you determine which style is best for the list you want to display.

Note  List views usually display the name of an item as a hyperlink. When you click these hyperlinks, you go to the list where the item is stored, where you can view details for that item.

Basic table style

Use the basic table style to display a column for each field in the list and a row for each item in the list, like a spreadsheet.

Name Company Business Phone E-mail Address
Bradley Beck Adventure Works (206) 555-3414 bbeck@example.microsoft.com
Jan Miksovsky Northwind Traders (425) 555-8080 janmik@example.microsoft.com
Kevin Yim Adventure Works (206) 555-3418 kyim@example.microsoft.com

Repeating form style

Use the repeating form style to group all the information for an item under the name of the item.

Bradley Beck 12/14/2000 11:51 AM

Company: Adventure Works
Business Phone: (206) 555-3414
E-mail Address: bbeck@example.microsoft.com

Jan Miksovsky 12/14/2000 11:52 AM

Company: Northwind Traders
Business Phone: (425) 555-8080
E-mail Address: janmik@example.microsoft.com

Kevin Yim 12/14/2000 11:53 AM

Company: Adventure Works
Business Phone: (206) 555-3418
E-mail Address: kyim@example.microsoft.com

Repeating form (centered) style

Use the repeating form (centered) style to group all the information for an item under the name of the item, and to center each line horizontally. This layout is narrower than the left-aligned repeating form.

Bradley Beck

Company: Adventure Works
Business Phone: (206) 555-3414
E-mail Address: bbeck@example.microsoft.com
Created: 12/14/2000 11:51 AM

Jan Miksovsky
Company: Northwind Traders
Business Phone: (425) 555-8080
E-mail Address: janmik@example.microsoft.com
Created: 12/14/2000 11:52 AM

Kevin Yim
Company: Adventure Works
Business Phone: (206) 555-3418
E-mail Address: kyim@example.microsoft.com
Created: 12/14/2000 11:53 AM

Repeating form (with border) style

Use the repeating form (with border) style to group all the information for an item under the name of the item, and to separate the items with a border.

Bradley Beck
Name: Bradley Beck
Company: Adventure Works
Business Phone: (206) 555-3414
Email bbeck@example.microsoft.com
Created: 12/14/2000 11:51 AM
Name: Jan Miksovsky
Company: Northwind Traders
Business Phone: (425) 555-8080
E-mail Address:
E-Mail Address: janmik@example.microsot.com
Created: 12/14/2000 11:52 AM
Kevin Yim
Name Kevin Yim
Company: Adventure Works
Business Phone: (206) 555-3418
E-mail Address:
E-mail Address: kyim@example.microsoft.com
Created: 12/14/2000 11:53 AM

Repeating form (two-column, with border) style

Use the repeating form (two-column, with border) style to group all the information for an item under the name of the item, and to display the items in two columns with a border separating them. You may be able to fit more items on a single page using this layout.

Name: Bradley Beck
Company: Adventure Works
Business Phone: (206) 555-3414
E-mail Address: bbeck@example.microsoft.com
Created: 12/14/2000 11:51 AM
Name: Jan Miksovsky
Company: Northwind Traders
Business Phone: (425) 555-8080
E-mail Address: janmik@example.microsoft.com
Created: 12/14/2000 11:52 AM
Name: Kevin Yim
Company: Adventure Works
Business Phone: (206) 555-3418
E-mail Address: kyim@example.microsoft.com
Created: 12/14/2000 11:53 AM

Comma separated style

Use the comma separated style to list all the information for an item, separated by commas, in a line under the name of the item.

Bradley BeckAdventure Works, (206) 555-3414, bbeck@example.microsoft.com, 12/14/2000 11:51 AM

Jan Miksovsky
Northwind Traders, (425) 555-8080, janmik@example.microsoft.com, 12/14/2000 11:52 AM

Kevin Yim
Adventure Works, (206) 555-3418, kyim@example.microsoft.com, 12/14/2000 11:53 AM

Comma separated (two-column) style

Use the comma separated (two-column) style to list all the information for an item, separated by commas, in a line under the name of the item, and to display the items in two columns.

Bradley Beck
Adventure Works, (206) 555-3414, bbeck@example.microsoft.com, 12/14/2000 11:51 AM
Jan Miksovsky
Northwind Traders, (425) 555-8080, janmik@example.microsoft.com, 12/14/2000 11:52 AM
Kevin Yim
Adventure Works, (206) 555-3418, kyim@example.microsoft.com, 12/14/2000 11:53 AM

Bulleted list style

Use the bulleted list style to display only the name of each item, preceded by a bullet character.

  • Bradley Beck
  • Jan Miksovsky
  • Kevin Yim

Numbered list style

Use the numbered list style to display only the name of each item, in numerical order.

  1. Bradley Beck
  2. Jan Miksovsky
  3. Kevin Yim

Plain list style

Use the plain list style to display only the name of each item, each on a separate line.

Bradley Beck
Jan Miksovsky
Kevin Yim

Horizontal list style

Use the horizontal list style to display only the name of each item, separated by commas in a single line.

Bradley Beck, Jan Miksovsky, Kevin Yim

Dropdown menu style

Use the dropdown menu style to display the name of each item in a menu that allows users to select an item.

Dropdown menu style

Page component style

Use the page component style to display the name of each item in a bulleted list inside a single-column table labeled with the name of the list.

Contacts

  • Bradley Beck
  • Jan Miksovsky
  • Kevin Yim

History list style

Use the history list style to list items in chronological order so that the creation date is emphasized, and all the information for an item is grouped under the name of the item.

2/14/2001 11:51 AM
Name: Bradley Beck
E-mail Address: bbeck@example.microsoft.com
Company: Adventure Works
Job Title: Sales representative
Business Phone: (206) 555-3414
2/14/2001 11:52 AM
Name: Jan Miksovsky
E-mail Address: janmik@example.microsoft.com
Company: Northwind Traders
Job Title: Sales representative
Business Phone: (425) 555-8080
2/14/2001 11:53 AM
Name: Kevin Yim
E-mail Address: kyim@example.microsoft.com
Company: Adventure Works
Job Title: Marketing manager
Business Phone: (206) 555-3418
advertisement