Setting Portlet Height and Scrolling

You can control the height of portlets and determine whether or not their contents scroll.

Portlet height and scrolling is controlled by the following CSS style attributes:

You can set these attributes on a portlet that is open in the Portlet Designer.

To set these properties:

  1. Open a portlet in the the Portlet Designer.
  2. In the Document Structure window, select Window Portlet.
  3. In the Property Editor window, under Portlet Properties, set one of the following properties:

For example:

Where Content Presentation Style = {overflow-y:auto};{height:250px}

The result looks like the following figure:

Here is an example of using the Content Presentation Class property instead:

Content Presentation Class = portlet-scroll

In this case, you would have to have the following style class defined in a CSS file:

.portlet-scroll
{
    overflow-y:auto;
    height:250px;
}

Making All Portlets Scroll

To provide portlet height or scrolling automatically, you can also modify window.jsp in each skeleton to incorporate a CSS style or class. For example, in the default skeleton's window.jsp, do one of the following:

You could also simply modify the skin CSS style class. For example, in the skin's window.css file, define the bea-portal-window-content class like this:

.bea-portal-window-content
{

    margin: 4px;

    padding: 0px;

    scrollbar-base-color: #d8d8e5;
    overflow-y: auto;
    height: 250px;
}

Related Topics

Creating Skins and Skin Themes

Creating Skeleton and Skeleton Themes