A {@link PSimplePanel} that wraps its contents in stylized boxes, which can be used to add rounded cornersto a {@link PWidget}.
This widget will only work in quirks mode in most cases. Specifically, setting the height or width of the DecoratorPanel will result in rendering issues.
Wrapping a {@link PWidget} in a "9-box" allows users to specify images in each of the corners and along thefour borders. This method allows the content within the {@link PDecoratorPanel} to resize withoutdisrupting the look of the border. In addition, rounded corners can generally be combined into a single image file, which reduces the number of downloaded files at startup. This class also simplifies the process of using AlphaImageLoaders to support 8-bit transparencies (anti-aliasing and shadows) in ie6, which does not support them normally.
If you set the width or height of the {@link PDecoratorPanel}, you need to set the height and width of the middleCenter cell to 100% so that the middleCenter cell takes up all of the available space. If you do not set the width and height of the {@link PDecoratorPanel}, it will wrap its contents tightly.
.gwt-DecoratorPanel .middleCenter { height: 100%; width: 100%; } | |