Configuring Existing Modules

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

1. 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); }

2. Change the view for existing directory member module:
   
   

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

3. 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
   );
   });