O'Reilly logo

PrimeFaces Theme Development by Sudheer Jonna, Andy Bailey

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Changing the shadow effects

In this section, we will examine the rules that define how shadow effects should look.

Shadow effects are pseudo-3D effects used by jQuery UI and PrimeFaces to great effect when overlays are used. An overlay is a component that is laid out above the rest of the page. They also cover up content in the background. To exaggerate the three-dimensional effect, a shadow effect is used.

An example of an overlay with a shadow effect can be seen in the following screenshot:

Changing the shadow effects

The dialog box in the middle is displayed as an overlay. The background is actually covered by a so-called curtain and it has a shadow that makes it stand out ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required