Your Knowledge Base is moving on 3/25/24! Our new Help Center provides all the articles you know and love (plus so much more) in a one-stop shop. Ask your SPoC for details!

Online Directory

video
 
This Resource File controls the appearance of the Online Directory and can be edited using the Portal Admin page.

Video Topics: Editing Online Directory Cards

0:20 - Portal Admin Page
0:56 - Editing the directory_format.htm Page
1:34 - Viewing the Changes
 

Available Tokens

  • [Photo] = The url to the individual's photo, if it exists on their Contact record
  • [Display_Name]
  • [First_Name]
  • [Nickname]
  • [Middle_Name]
  • [Last_Name]
  • [Address_Line_1]
  • [Address_Line_2]
  • [City]
  • [State/Region]
  • [Postal_Code]
  • [Foreign_Country]
  • [Mobile_Phone]
  • [Home_Phone]
  • [Extension]
  • [Date_of_Birth] = Displays the user's date of birth in the format "mm/dd/yyyy"
  • [DOB_Short] = Displays the user's date of birth in a shortened format: "January 1"
  • [Email_Address]
  • [Household_Name]
  • [HouseholdLink] = Displays a "view family" hyperlink that allows anyone who clicks the link to view all family members on one screen
  • [Household_ID] = MinistryPlatform's unique identifier for the Household record
  • [Unique_Name] = The photo file's unique name.
  • [dp_Row_No] = The row number of the returned record

Sample directory_format.htm file

<div class="divDirectoryImage mpp_infoCardImage" style="background-image: url('[Photo]');"></div>
<div class="divDirectoryInfo mpp_infoCardData">
  <div id='dir_name'>[Display_Name]</div>
  <div id='dir_add1'>[Address_Line_1]</div>
  <div id='dir_add2'>[Address_Line_2]</div>
  <div id='dir_csz'>[City] [State/Region] [Postal_Code]</div>
  <div id='dir_country'>[Foreign_Country]</div>
  <div id='dir_mphone'>[Mobile_Phone]</div>
  <div id='dir_hphone'>[Home_Phone]</div>
  <div id='dir_dob'>DOB: [Date_of_Birth]</div>
  <div id='dir_dob_short'>DOB (short): [DOB_Short]</div>
  <div id='dir_email'><a href="mailto:[Email_Address]">[Email_Address]</a></div>
  <div id='dir_family'>[HouseholdLink]</div>
</div>

Notes

If you format your .htm file like the example above (with stacked <div> tags instead of <br /> lines), fields will automatically collapse if they are empty. For example, if a member has no address on file, the directory card will not show empty lines.
 
Each card is wrapped inside of a div with the class mpp_infoCard. Your skin can style the mpp_infoCard class as well as any html included in the directory format file.