Moving “About Us” Link from Footer to Menu in Websites that Generated by PHPMaker 9.2.0

If you are using Masino Extensions --- especially MasinoHeaderFooter --- in your PHPMaker project, then you will see that the About Us link will be located at the Footer of your web application. When user clicks on the link, then there will be an About Us dialog box is being shown up.

For those of you who don't want to display that link at the Footer and want to move and display it at the Menu section, then I will show you step by step how to do it easily. I have successfully implemented it for some of my web applications which will display the About Us link on the Menu instead of the Footer section.

1. Open your ewcfg9.php file, then find this code:

   define("MS_SHOW_ABOUT_US_ON_FOOTER", TRUE, TRUE); // About Us link
   

   then replace it with the following code:

   define("MS_SHOW_ABOUT_US_ON_FOOTER", FALSE, TRUE); // hide the About Us link at footer
   

   Make sure to do this step, since this will hide the About Us link at the Footer section.

2. The next step, add a new Menu Item from Tools -> Menu Editor, for example, in the Menu Item, enter About Us text, and in the URL column, enter the sharp character: #
3. Customize the language phrase of that menu item from Tools -> Multi-Language Property Editor -> Menu Text. In the English column, find About Us, and adjust the language phrase if neccessary. For example, if you are using CSS Sprites (read my previous article), then you can simply enter this:

   <i class="sprite info prefix" title="About Us"></i> About Us
   

   Please note that MasinoFixedWidthSite extension will detect the About Us text/phrases in the menu item, and if found, then the generated web application will add a new element ID named about. This element ID will be used to display the About Us dialog box when user is clicking on it. In other words, make sure you do not use about Element ID other than for displaying the About Us dialog box. Also, make sure there is only one about Element ID in your web application, otherwise, the About Us dialog box cannot be displayed when user is clicking on the related link.

4. Alternatively, you can also enter the phrase other than About Us in the Menu Item for displaying the About Us dialog box. This is very useful if you are running the multi language web application and you are using the other language. You can enter the language phrase other than About Us, but, make sure from the Multi-Language Property Editor, you have inserted the Element ID of about in the menu item. For example, you are using Indonesian besides English, and you are also using CSS Sprites, then simply enter the following code into Indonesian column from the Multi-Language Property Editor:

   <i class="sprite info prefix" id="about" title="Tentang Aplikasi"></i> Tentang Aplikasi
   

5. Re-generate your script files using PHPMaker, as always.