To avoid conflicts with the default templates
and components, we recommend to create a copy of library for your customization
before make any changes.
1. Enter your place, create
a new page named
2. Click
3. In page layout view, click
4. Edit layout of Authoring
page, add
Portlet to this page.
5. Navigate to the
6. Expand
7. Click
are moved
to the right list box. Click
8. Make sure the current library is
Shared Resources, there are three kinds of templates/components
for
Contacts:
Authoring
Template
Presentation
Template
Menu
Component
9. Within
the
Shared Resource library, click
Authoring Templates, check
List–Contact and
List-Default , and then click
Copy
item from
More Actions drop-down list.
10. Select
Team Member Contacts
as the target library, click
OK
11. Copy the following Presentation
Templates from
Shared Resources to the
Team Member Contacts
library
List
– Contact
List
– Display Contacts – Person Card
List
– Main
12. Copy two Menu components related
to Contacts from
Shared Resources to the
Team Member Contacts
library.
List
– Contacts Menu
List
– Contacts Menu – Person Card
II. Customize
Authoring Templates within the new library
1. Switch to the library
Team Member
Contacts library.
2. Click
Authoring Templates,
select the template
List – Contact and then click
Edit button.
3. Click
Manage Elements button
4. Add, delete or reorder elements
as you need in the Manage Elements page. Click
OK.
5. Click
Default Content Settings
link on the
List – Contact authoring template page, and modify
properties for each elements, such as field width, field height, minimum
characters, and maximum characters, etc.
6. Click
Save and
Save and Close
III. Modify
Presentation Templates to match with Autoring Template
1. Go back to the library
Team Member
Contacts library.
2. Click
Presentation Templates,
check the template
List – Contact Item and then click
Edit button.
3. In the
Presentation Template section,
replace these scripts after
with the following.
Here, the value of the
key will be
mapping to “
Name” property in authoring template, and the value
of the
start will be mapping to Display title property.
4. Click
Save and
Save and Close
IV. Update
Menu Component for the new Contacts
1. Open the library
Team Member
Contacts library.
2. Expand
Components, click
Menu, check the menu component
List – Contact Menu and then
click
Edit button.
3. Go
to the
Header section, replace the scripts between
…
with the following.
@nls@name.title@ |
SubTeam |
Ext. Number |
Cell Phone |
Home Tel |
Internal Mail |
Personal Mail |
Backup |
Type |
4. Go
to the
Design for each menu search result section, replace the scripts
between
…
with the following.
|
|
|
|
|
"> |
"> |
|
|
5. Go
to the
No result design section, replace the scripts between
…
with the following.
@nls@name.title@ |
SubTeam |
Ext. Number |
Cell Phone |
Home Tel |
Internal Mail |
Personal Mail |
Backup |
Type |
6. Click
Save and
Save and
Close
V. Change
the mappings for Templates
We need to change the mappings of templates
and components from the default library
Shared Library to the copied
library --
Team Member Contacts for Contacts portlet,
1. Open
the page
Team Member Contacts, click
Settings link on the
top right, the
Edit
Settings - Team
Member Contacts page appears.
2. On
this page, click
Advanced Appearance Settings link.
3. Then,
click
Choose a different template link under Authoring template
to select your customized authoring template
List – Contact from
Team Member Contacts library.
4. Click
OK.
5. Click
Choose a different template
link under
Presentation template to select your customized authoring
template
List – Contact Item from
Team Member Contacts library.
6. Click
OK.
So far, the authoring template and presentation
template for the Contacts portlet in the Team Member Contacts page have
been refreshed to
Team Member Contacts library.
VI. Change
the mappings to Menu Component
1. Navigate to the
Design page
2. Change the current library to
Team
Member Contacts library.
3. Expand
Site Area, then click
By Site
4. Check the option box next to
Contacts
site, click
Edit button
5. Go to the Elements section, click
on
Select Component button
6. On the
Select a component page,
switch to
Team Member Contacts item from Library drop-down list,
expand
Components, click
Menu, then select
List-Contacts
Menu. Click
OK.
You have completed the customization of Contacts
component.
