Steps for changing the image of an existing module are as follows:

Go to the styles folder and add the desired image in the image subfolder and accordingly change the image under the directories class in Aptify.mobile.css mentioned below.

.directories
{background:url('images/directories.png')
no-repeat left top;-webkit-tap-highlight-color:
rgba(255, 255, 255, 0); }
.directories:active, .directories-active-fake {background:url('images/directories.png') no-repeat left bottom;-webkit-tap-highlight-color:
rgba(255, 255, 255, 0); }

Change the view for existing directory member module:

directoryMembersSearch: "Views.svc/Member
Directory?$format=json&$orderby=FirstName,LastName&PromptData={0}|{1}&Token={2}",

Make the custom binding for the existing directory member module:

Pagebeforeshow

$("#directories").live('pagebeforeshow', function
(event) {
    if (!AuthenticateUser()) {
        $("#signinout").removeClass("logout-icon")
                    .addClass("login-icon-small")
                    .attr("href", "memberlogin.html");
    }
});

Pagecreate

$("#directories").live('pagecreate', function
(event) {
   $("#login-status").html(mobileSettings.loginStatus.format($.trim(ReadLocalStorage(Storage.DisplayName))));
});

Pageshow

$("#directories").live('pageshow', function (event) {
       memberNo = queryStringParams.id;
          var url = mobileSettings.serviceURL +
       mobileSettings.services.discussionForum.format(memberNo,
       ReadLocalStorage(Storage.TokenID));
       CallService(url,DirectoryMembersSuccess, DirectoryMembersFail
);
});

Browser not supported