Skip to content

Sizes and layout ​

English · Русский

Component options for @mes/aps@1.23.0. Prefix Settings names with schedule.; see how to fill in a record.

Configure sidebar width, its splitter, and control dimensions. See equipment for empty rows and layer order, supplies/requests for their heights, and time scale for equipment row height.

sidebarWidth ​

Initial width in pixels of the left equipment column, also used for constraint names. Dragging the splitter replaces this initial value.

  • Type: number, pixels.
  • Default: 200.
  • Splitter limits do not constrain the initial value; they apply during dragging. A value of 0 makes the splitter immovable.

appSettings.splitter.enableSplitter ​

Allows sidebar resizing by dragging. With false, the splitter remains visible but does not respond, and width stays at sidebarWidth.

  • Type: boolean.
  • Default: true.

appSettings.splitter.minWidth, appSettings.splitter.maxWidth ​

Sidebar width limits during dragging, in pixels.

  • Type: number, pixels.
  • Defaults: 150, 450.

Interface dimensions ​

appSettings.UISettings contains numeric pixel sizes. scrollElemenSize is the package's actual spelling.

Key in appSettings.UISettingsDefaultEffect
topRowHeight50Main chart's upper header height
topRowFontSize12Upper header font size
scrollRowHeight28Lower horizontal scroll/zoom row height
scrollRowWidth28Right vertical scroll/zoom column width
secondHeaderHeight40Constraint panel header height
scrollIconSize20Control icon size
scrollElemenSize12Zoom slider track thickness: horizontal height or vertical width

Larger headers and controls leave less space for the chart. They do not set equipment row height; the vertical scale calculates it.

Unused option ​

appSettings.minScrollBarWidth is declared with default 20 but is not read; the minimum scrollbar thumb width is fixed.

Example ​

A narrow fixed sidebar:

json
{
  "sidebarWidth": 160,
  "appSettings": {
    "splitter": { "enableSplitter": false }
  }
}