Class: SplitScreen

Monster .Components .Layout. SplitScreen

The Viewer component is used to show a PDF, HTML or Image.

You can create this control either by specifying the HTML tagdirectly in the HTML or using Javascript via thedocument.createElement('monster-split-screen');` method.

<monster-split-screen></monster-split-screen>

Or you can create this CustomControl directly in Javascript:

import '@schukai/monster/components/layout/split-screen.mjs';
document.createElement('monster-split-screen');

Constructor

new SplitScreen()

A simple split screen layout

Copyright: schukai GmbH

Fires:

Monster.Components.Layout.event:monster-dimension-changed

Members

defaults

To set the options via the html tag the attribute data-monster-options must be used.

Properties

Name Type Description

templates

Object

Template definitions

Properties

Name	Type	Description
`main`	string	Main template

splitType

string

Split type (vertical or horizontal)

dimension

string

Dimension

Properties

Name	Type	Description
`initial`	string	Initial dimension of the start panel
`max`	string	Maximum dimension of the start panel (in percentage)
`min`	string	Minimum dimension of the start panel (in percentage)

See: https://monsterjs.org/en/doc/#configurate-a-monster-control The individual configuration values can be found in the table.

(static) instanceSymbol

This method is called by the instanceof operator.

Methods

assembleMethodSymbol() → {Monster.Components.Host.Viewer}

Returns:

Type:: Monster.Components.Host.Viewer

setDimension(dimension) → {Object}

Check if the dimension is a percentage and within a valid range, then set the dimension option.

Parameters:

Name	Type	Description
`dimension`	string	The dimension to be set, can be in percentage or absolute value.

Returns:

Returns the current object instance for chaining.

Type:: Object

(static) getCSSStyleSheet() → {Array.<CSSStyleSheet>}

Returns:

Type:: Array.<CSSStyleSheet>

(static) getTag() → {string}

Returns:

Type:: string