I am new to DNN, really enjoying the platform for web development.  I am using DNN7 for a project I am working on.  I have been asked to display the membership for the website, so I am using the Membership Directory Module which works great.

I have added some custom properties like Company and Sponsor Name that I would like to have show up in the User Card for the Directory.  I found that there are two templates that should allow me to pick up the custom property, but whenever I attempt to reference Company for example the Card no longer displays.  It comes in blank, no image, border, the entire thing is blank.

Below is the line I added (in bold), I have tried it with or without parentheses, is it even possible to reference these properties or do I need a 3rd party module?

<div class="mdMemberDetails" data-bind="css: {mdFriend: IsFriend(), mdFollowing: IsFollowing(), mdFollower: IsFollower() }">
    <a href="" class="mdMemberImg" data-bind="attr: { title: DisplayName, href: ProfileUrl }">
        <span><img data-bind="attr: { src: getProfilePicture(50,50), title: DisplayName }" /></span>
    </a>
    <ul class="MdMemberInfo">
        <li class="mdDisplayName">
             <a href="" title="" class="mdMemberTitle" data-bind="attr: { title: DisplayName, href: ProfileUrl }, event: { mouseover: $parent.showPopUp }">
                <span data-bind="text: DisplayName"></span>
            </a>
        </li> 
        <li class="mdTitle"><p><span data-bind="text: Title"></span></p></li>
        <li class="mdTitle"><p><span data-bind="text: Company()"></span></p></li>
        <li class="mdLocation"><p><span data-bind="text: Location()"></span></p></li>
    </ul>
    <ul class="mdHoverActions" data-bind="visible: !IsUser() && IsAuthenticated">
        <li class="mdFriendRequest" data-bind="visible: FriendStatus() == 0"><a href="" class="firstItem" data-bind="click: addFriend"><span data-bind="text: AddFriendText"></span></a></li>
        <li class="mdFriendPending" data-bind="visible: IsPending()"><p><span class="firstItem"><span data-bind="text: FriendPendingText"></span></span></p></li>
        <li class="mdFriendAccept" data-bind="visible: HasPendingRequest()"><a href="" class="firstItem" data-bind="click: acceptFriend"><span data-bind="text: AcceptFriendText"></span></a></li>
        <li class="mdFriendRemove" data-bind="visible: IsFriend()"><a href="" class="firstItem" data-bind="click: removeFriend"><span data-bind="text: RemoveFriendText"></span></a></li>
        <li class="mdFollow" data-bind="visible: !IsFollowing()"><a href="" title="" class="firstItem" data-bind="click: follow"><span data-bind="text: FollowText"></span></a></li>
        <li class="mdUnfollow" data-bind="visible: IsFollowing()"><a href="" title="" class="firstItem" data-bind="click: unFollow"><span data-bind="text: UnFollowText"></span></a></li>
        <li class="mdComposeMessage"><a href="" class="ComposeMessage" data-bind="visible: !$parent.disablePrivateMessage()"><span data-bind="text: SendMessageText"></span></a></li>
    </ul>
</div>

Thanks,

Terance Emory