Monster.Components.Form. ContextError

The ContextError control creates an element with a variety of options.

Dependencies: the system uses functions of the monsterjs library as well as pooperjs.

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

<monster-context-help></monster-context-help>

Or you can create this CustomControl directly in Javascript:

import {Popper} from '@schukai/component-form/source/popper.js';
document.createElement('monster-context-help');

Constructor

new ContextError()

A control that can be used to display a tooltip or a popover with an error message.

Since
  • 3.55.0

Members

defaults

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

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

Properties
NameTypeDescription
templatesObject

The templates for the control.

Properties
NameTypeDescription
mainstring

The main template.

modestring

The mode of the popper. Possible values are click, enter and hover.

contentstring

The content of the popper.

popperobject

The popper options.

Properties
NameTypeDescription
placementstring

The placement of the popper. Possible values are top, bottom, left, right, auto, auto-start, auto-end, top-start, top-end, bottom-start, bottom-end, right-start, right-end, left-start, left-end.

See

(static) instanceSymbol

This method is called by the instanceof operator.

This method is called by the instanceof operator.

Since
  • 2.1.0

Methods

assembleMethodSymbol() → {Monster.Components.Form.PopperButton}

hideDialog() → {Monster.Components.Form.Popper}

setErrorMessage(message, show) → {Monster.Components.Form.ContextError}

Parameters:
NameTypeDefaultDescription
message
showboolean | numberfalse

If true the dialog is shown immediately. If false the dialog is hidden by default. If a number is specified the dialog is shown for the specified time in milliseconds.

showDialog() → {Monster.Components.Form.Popper}

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

Returns:
Type: 
Array.<CSSStyleSheet>

(static) getTag() → {string}

Returns:
Type: 
string