I Love PHPMaker

... because it gets even more powerful and flexible!!

  • About
  • Terms and Conditions
  • Membership Options
  • Sitemap
  • Downloads
    • PHPMaker Extensions Download
    • PHPMaker Projects Download
    • PHP Report Maker Extensions Download
I Love PHPMaker » Customize Template » How to Add Layout Box Shadow in Websites that Generated by PHPMaker 9.0.2
How to Hide Add and Edit Success Message in Websites that Generated by PHPMaker 9.0.3
How to Customize Submit Button in Websites that Generated by PHPMaker 9.0.2

July 11, 2012

How to Add Layout Box Shadow in Websites that Generated by PHPMaker 9.0.2

Now we are going to add the box shadow in layout of websites that generated by PHPMaker. Please note that the following customization depends on the customization I created in this article: How to Make a Fixed Width Site Using PHPMaker version 9.0.1, so if you want to implement the following customization below, then you have to implement the customization in that article above.

After implementing this customization, then you will see the box shadow at the right and the bottom of the main content box. Your web application will look professional and more beautiful since it has the box shadow. All we have to do is customizing PHPMaker template file, so we can re-use the template for the future projects.

Updated on July 22, 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 5, 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 29, 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.

[hidepost]

  1. Open your \Script\template.php file, and find this code:

    /* template layout */
    .ewLayout {
      width: <?php echo (MS_TOTAL_WIDTH); ?>px;
      height: 100%;
    }
    

    then replace it with the following code:

    /* template layout */
    .ewLayout {
      width: <?php echo (MS_TOTAL_WIDTH); ?>px;
      height: 100%;
       -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      border-radius: 5px
      -moz-box-shadow: 8px 7px 8px #888;
      -webkit-box-shadow: 8px 7px 8px #888;
      box-shadow: 8px 7px 8px #888;
    }
    
  2. Finally, re-generate your script files using PHPMaker as always.

[/hidepost]

Article by Masino Sinaga / Customize Template / box-shadow, css, css3, custom style sheet, layout, PHPMaker 9.0.2, PHPMaker 9.0.3, PHPMaker 9.0.4, PHPMaker 9.1.0, PHPMaker 9.2.0 Leave a Comment

How to Hide Add and Edit Success Message in Websites that Generated by PHPMaker 9.0.3
How to Customize Submit Button in Websites that Generated by PHPMaker 9.0.2

Leave a Reply Cancel reply

You must be logged in to post a comment.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Recent Posts

  • A New PHPMaker 2021 Project File Is Released
  • PHPMaker 2021 Demo Project File Is Released
  • Masino Extensions for PHPMaker 2021 Is Released!
  • A New PHPMaker 2020 Project File Is Released
  • PHPMaker 2020 Demo Project File Is Released
  • Masino Extensions for PHPMaker 2020 Is Released!
  • Inventory Stock Management Project, Why Should You Have It?
  • A New PHPMaker 2019 Project File Is Released!
  • PHPMaker 2019 Demo Project File Is Released!
  • Masino Extensions for PHPMaker 2019 Is Released!

Search

Recent Comments

  • saleh alayafi on A Case Study: Hiding Certain Fields Based on the Selected Value in ComboBox in Add Pages of the Websites that Generated by PHPMaker 9.2.0
  • Masino Sinaga on A Case Study: Hiding Certain Fields Based on the Selected Value in ComboBox in Add Pages of the Websites that Generated by PHPMaker 9.2.0
  • saleh alayafi on A Case Study: Hiding Certain Fields Based on the Selected Value in ComboBox in Add Pages of the Websites that Generated by PHPMaker 9.2.0
  • Masino Sinaga on A Case Study: Hiding Certain Fields Based on the Selected Value in ComboBox in Add Pages of the Websites that Generated by PHPMaker 9.2.0
  • Masino Sinaga on A Case Study: Hiding Certain Fields Based on the Selected Value in ComboBox in Add Pages of the Websites that Generated by PHPMaker 9.2.0

Demo Website

  • Demo of I Love PHPMaker 2021 (MasinoExtensions).
  • Indonesia Post Offices.
  • Stock Inventory Management.
  • Demo of PHPMaker + PHP Report Maker

Another Demo

The following template are not available in this site (must be purchased separately)

  • PHPMaker v2018 Horizontal Vertical Template.
  • PHPMaker v2017 Horizontal Vertical Template.

Demo Explanation

Stock Inventory Management is the good project for your reference, since it uses the real example in the real world. Many useful features you can use from this project, such as how to add the Thousand and Decimal separator character, and also how to calculate multiple row in Grid-Add when End-Users are entering data into the Grid-Add mode.

Categories

  • Customize Template (103)
  • General (3)
  • PHP Report Maker (17)
  • PHP Report Maker Extensions (2)
  • PHPMaker Extensions (79)
  • Tips and Trick (72)

Articles based on version

  • PHPMaker 2021
  • PHPMaker 2020
  • PHPMaker 2019
  • PHPMaker 2018
  • PHPMaker 2017.0.7
  • PHPMaker 12.0.7
  • PHPMaker 11.0.6
  • PHPMaker 10.0.5
  • PHPMaker 9.2.0
  • PHPMaker 8.0.3
  • PHP Report Maker 12

(c) I Love PHPMaker 2010 - 2019 by Masino Sinaga | WordPress | Log in | Back to top