JointJS+ RecordScrollbar

You may see the name Rappid in our documentation, code and other materials. Rappid has been replaced by a new brand, JointJS+. This change has no effect on functionality. To avoid confusion, please consider Rappid and JointJS+ as synonyms. Read more here.


The RecordScrollbar element tool renders a scrollbar thumb on a standard.Record shape. The scrollbar is not visible if the record's size is large enough to show all items.

It accepts the following arguments which can be passed as an object to the element tool constructor:

width number The width of the scrollbar thumb. The default value is 8.
margin number A gap between the scrollbar thumb and sides of the record's content. The default value is 2.
rightAlign boolean Determines whether the scrollbar should be shown on the right side of the record's content. It is aligned to the left by default.


const scrollbar = new joint.elementTools.RecordScrollbar({ width: 8 });
record1.findView(paper).addTools(new joint.dia.ToolsView({
    tools: [scrollbar]