How to Change Header Background Color Above the Scrolling Table in Websites that Generated with PHPMaker 9.0.1

If you are using the ScrollingTable extension and you are also using the multiple theme or Cascading Style Sheet for your web application, then you will find that the background color image that located right above the scrolling table will inherited from the value of the default custom style sheet you generate. For example, you are using Red theme while generating your files using PHPMaker, and then your users change the theme on the fly to Gray theme, then the background color image in the new Gray theme still remains using the Red background color image. Of course we do not want this condition happened.

This background color image should be default for all themes (assuming you are using multiple theme feature). The best background color image for all themes should be the same color with the scroll color item itself. In other words, we should define the color of that background color image that located above the scroll item with the Gray color, since the color of the scroll item is gray too. To overcome this issue, I have successfully customized the PHPMaker template file.

Updated on May 29, 2012: This customization has been implemented in PHPMaker version 9.0.2, it matches to each other, and as a result, it works properly.

Updated on July 21, 2012: This customization has been implemented in PHPMaker version 9.0.3, it matches to each other, and as a result, it works properly.

Updated on September 4, 2012: This customization has been implemented in PHPMaker version 9.0.4, it matches to each other, and as a result, it works properly.

Updated on November 26, 2012: This customization has been implemented in PHPMaker version 9.1.0, it matches to each other, and as a result, it works properly.

Updated on February 9, 2013: This customization has been implemented in PHPMaker version 9.2.0, it matches to each other, and as a result, it works properly.

Updated on June 17, 2013: This customization below has been handled by using MasinoFixedWidthSite extension. You don’t need to implement the customization below if you use my extensions together with the original PHPMaker Template and Extension files.

[hidepost]

1. Open your \extensions\ScrollingTable\scroll.js file, and find this code:

   	border-color: <!--##=ew_CssInherit(PROJ.GetV("ThemeTableHeaderBorderColor"))##-->; /* header border color */		
   	background-image: url(<!--##=ew_FolderPath("_images")##-->/<!--##=PROJ.GetV("ThemeTableHeaderBackImage")##-->); /* header bg image */
   	background-repeat: repeat-x;
   

   then replace it with this following code:

   	border-color: #DEDEDE; /* header border color */		
   	background-color: #DEDEDE;
   	/* Begin of modification Change Header Background Color Image to Default Gray color, by Masino Sinaga, April 30, 2012 */
   	/* background-image: url(<!--##=ew_FolderPath("_images")##-->/<!--##=PROJ.GetV("ThemeTableHeaderBackImage")##-->); /* header bg image */ */
   	/* background-repeat: repeat-x; */
   	/* End of modification Change Header Background Color Image to Default Gray color, by Masino Sinaga, April 30, 2012 */
   

2. Finally, re-generate your script files using PHPMaker as usual.

[/hidepost]