Hi,

I am using the Social Groups on my site and I need to add one of my custom profile properties to the profiles in the members directory. The existing code looks like this:

<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><p><span>I NEED TO ADD MY PROPERTY HERE</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"><span data-bind="text: SendMessageText"></span></a></li>

    </ul>

</div>

My Custom Property is called "BusinessType" and I need to add it in the bolded section above. I was able to add it to another section of the profile by entering [PROFILE: BusinessType] to make it show up but that doesn't work here. Anyone know what the code is to display this?

Thanks

Thanks Cathal but I tried this and then all of my profiles disappeared.

When I load it in the console, this is the error I get:

Uncaught ReferenceError: Unable to process binding "foreach: function (){return { data:Members,afterRender:handleAfterRender} }"

Message: Unable to process binding "text: function (){return BusinessType() }"

Message: BusinessType is not defined

Any ideas?

Thanks