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.
No Format .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:
No Format 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:
PagebeforeshowNo Format $("#directories").live('pagebeforeshow', function (event) {
...
if (!AuthenticateUser())
...
{ $("#signinout").removeClass("logout-icon")
...
.addClass("login-icon-small")
...
.attr("href", "memberlogin.html");
...
} });
PagecreateNo Format $("#directories").live('pagecreate', function (event) {
...
$("#login-status").html(mobileSettings.loginStatus.format($.trim(ReadLocalStorage(Storage.DisplayName))));
...
});
Pageshow
No Format $("#directories").live('pageshow', function (event)
...
{ memberNo = queryStringParams.id;
...
var url = mobileSettings.serviceURL + mobileSettings.services.discussionForum.format(memberNo, ReadLocalStorage(Storage.TokenID));
...
CallService(url,DirectoryMembersSuccess, DirectoryMembersFail
...
);
...
});