layout.pspace Option
| Option Name | Data Type | Default Value | Description |
|---|---|---|---|
| layout.pspace | number | 13 | Horizontal space between nodes and connection lines |
Option Description
The pspace option is used to set the horizontal spacing between nodes and connecting lines to accommodate the node collapse/expand controller. The default value for this option is 13 pixels.
Usage Example
Below is an example of setting the pspace option:
var options = {
container: 'jsmind_container',
editable: true,
theme: 'primary',
layout: {
pspace: 20 // Set horizontal spacing between nodes and connecting lines to 20 pixels
}
};
In the above example, the pspace option is set to 20, which means the horizontal spacing between nodes and connecting lines will be 20 pixels.
Related Options and Settings
- jmexpander: Custom theme styles for the node collapse/expand controller. For example, the
jmexpanderstyles in thegreenseatheme are defined as follows:
/* greensea theme */
.jmnodes.theme-greensea .jmexpander {
width: 18px;
height: 18px;
border-radius: 9px;
font-size: 18px;
}
.jmnodes.theme-greensea .jmexpander:hover { /* 鼠标悬停展开/关闭节点的控制点样式 */ }
Preview
| pspace = 13 (default) | pspace = 20 (applied custom theme) |
|---|---|
copyright notice
Reproduction and deduction are prohibited.
The jsMind project is still being updated and the corresponding documentation is updated at the same time as the version is updated. In order to avoid confusion to the user, it is forbidden to reprint this document without written permission and to make changes of any kind to this document.