Scrollbar

A scrollbar is a bar with a knob which appears at the bottom or right of a container, such as a frame. The user positions the knob in the scrollbar to determine the contents of the viewing area. The program typically adjusts the display so that the end of the scrollbar represents the end of the displayable contents, or 100% of the contents. The start of the scrollbar is the beginning of the displayable contents, or 0%. The position of the knob within those bounds then translates to the corresponding percentage of the displayable contents.

Creating a scrollbar

1. Select the Horizontal/Vertical Scrollbar tool from the diagram toolbar. You can change between a horizontal or a vertical scrollbar tool by clicking on the tiny reverted triange, and selecting the preferred type of scrollbar from the popup menu.

   Select Horizontal Scrollbar from diagram toolbar

2. Click on a container (e.g. a Frame) or diagram background to create a scrollbar. If you create inside a container, and if it has no scrollbar with same orientation exists, the scrollbar will be docked to the bottom or the right of the container, depending on the scrollbar orientation.
   

   Scrollbar is created

Change orientation with resource-Centric interface

A scrollbar can be oriented horizontally or vertically, which determines the contents of the viewing area when being scrolled. User can change the orientation of a scrollbar easily through the resource-centric interface. When a scrollbar is put inside a container, changing orientation will automatically dock to the bottom or the right of container. To change scrollbar orientation:

1. Move the mouse over the scrollbar.
2. Click on the resource icon Switch Orientation.
   

   Click on the resource icon for switching Scrollbar Orientation

3. The orientation of scrollbar will then be switched.
   

   Scrollbar Orientation switched from horizontal to vertical

Automatic sticking scrollbar to frame

In a normal User Interface design, scrollbars, no matter horizontal or vertical, are placed at the bottom or on the right of a container component. VP-UML follows this practice. When creating a scrollbar in a container component, or when moving a scrollbar into a container component, the scrollbar will be docked to the border of component automatically.

Scrollbar properties

The appearance of scrollbar can be changed by editing its properties. To configure a scrollbar, right click on the scrollbar and select Open Specification... from the popup menu. The UI tab is where user can configure a scrollbar.