丁香园AV

Building the Horizontal List Display:

1. Double-click the first child of the parent page to open it in the editing window. Leave the parent page blank for now 鈥� we will set up redirects later.
2. With the first child page open, add a List component to the page.
   
3. Right click on the component and select 鈥�Edit.鈥�
4. Select the method of populating the list (Child pages, Fixed list, etc.)
   Note: Make sure to set a Parent Page when building the list using Child Pages. 
5. Be sure to select 鈥淗辞谤颈锄辞苍迟补濒鈥� from the 鈥淒isplay as鈥� field.
6. Check the checkbox field 鈥�Mark Current Page鈥� so that a yellow background highlights the current list item.
7. Click "OK."

Repeat for each page in the list 鈥� you can quickly add the component by using copy-and-paste.

Below is an example of a Horizontal List Display. The background colour of the current list item is yellow, the other list items are red.

Hiding the child pages:

By default, each list item page will appear as a child page in left-hand navigation. Make sure to hide the child pages in the left-hand navigation as users should be navigating through the child pages with the Horizontal List Display.

To hide your pages:

1. Right-click on the page, choose Properties. 
2. Under Navigation Options check the Hide in navigation checkbox. 
3. Click OK and your child pages will be successfully hidden in the left-hand navigation.

Redirecting the parent page:

The parent page is blank because it needs to be re-directed to the first child page. This allows the first navigation button to appear in its active, highlighted state.

1. In the WCM, right-click the parent page and go to Properties.
2. Under the Advanced tab, click the search icon beside the Redirect field and locate the first child page.
3. Click OK, and then click OK again in the dialogue box. Now any visitors linking to the parent page will be directed to the child page.