Class: module:react-aiot/components/ResizeButton

module:react-aiot/components/ResizeButton

Resize button with resizer (three vertical dots) and collapse button.

Constructor

new module:react-aiot/components/ResizeButton(props)

Parameters:
Name Type Description
props object Properties
Properties
Name Type Attributes Description
containerId string The container id which should be resized and contains the resize button
opposite DOMElement <optional>
The opposite which gets also resized (width: calc() method)
oppositeOffset int <optional>
The offset reduced width in px
restoreWidth int <optional>
The restored width in px (if you save in localStorage for example)
initialWidth int If restoreWidth is not setted this width in px is used
minWidth int <optional>
The minimum width in px
maxWidth int <optional>
The maximum width in px
onResizeFinished module:react-aiot/components/ResizeButton#onResizeFinished <optional>
Source:

Quick reference

Methods

shouldComponentUpdate()

Avoid rerender of the resizebutton during resizing.
Source:

Type Definitions

onResize(width, collapsed)

This function is called while container gets resized.
Parameters:
Name Type Description
width int The width in px
collapsed boolean If true the sidebar is collapsed
Source:

onResizeFinished(width)

This function is called when the container is resized.
Parameters:
Name Type Description
width int The width in px
Source: