This is a simple example that shows how to extend a standard "out of box" window widget and implement nice looking shadow. This article contains step-by-step instructions for how to use this 'shadow window' in your own Backbase projects, for both the Chameleon and the System skin. This is a screen capture of the widgets:

1. Verify Compatibility

These widgets are compatible with Backbase Enterprise Ajax, Client Edition 4.2.0

2. Download and Unpack

First download and unzip the attached file "shadow_window.zip". The download link is at the bottom of this page.

3. Copy the Files

Copy the folder "shadow_window" to the "Backbase_4_2_x/bindings/www.backbase.com.2006.btl" folder

4. Configure the Bindings for both Skins

The zip-file contains changes for both the Chameleon and System skins. If you use only one of these skins, you only have to install the changes to one configuration file.

Changes for the System Skin

Make the following changes to "Backbase_4_2_x/bindings/config.xhtml_btl.system.xml":

...
<namespace name="http://www.backbase.com/2006/btl" xml:base="www.backbase.com.2006.btl/">
    ...
    <!-- ADDED LINE -->
    <uses element="shadow_window" src="shadow_window/system/shadow_window.xml" />
    <!--/ ADDED LINE -->
    ...
</namespace>
...

Changes for the Chameleon Skin

Make the following changes to "Backbase_4_2_x/bindings/config.xhtml_btl.chameleon.xml":

...
<namespace name="http://www.backbase.com/2006/btl" xml:base="www.backbase.com.2006.btl/">
    ...
    <!-- ADDED LINE -->
    <uses element="shadow_window" src="shadow_window/chameleon/shadow_window.xml" />
    <!--/ ADDED LINE -->
    ...
</namespace>
...

5. Test the New Widget

Well now you can try this code as a test case:

Let me know if it worked for you by leaving a comment below. If it didn't work also leave a comment and we'll try to help you.