client-typing-text
Reactive icon

Client Typing Text

Stable version 1.0.1 (Compatible with OutSystems 11)
Uploaded
 on 20 October 2022
 by 
5.0
 (1 rating)
client-typing-text

Client Typing Text

Documentation
1.0.1

Overview

eSpace Name

ClientTypingText_Lib

Description

Module to render text with typing effect.


Implementation


UI Flows


CarouselMessage        

Widget that renders sequentially a list of text.

Parameters

Name

Description

Type

Mandatory

Messages

The text list to render.

Text List

YES

TextCssClass

The classes to be applied when rendering the text

Text

YES

Enabled

Indicate if the widget must start to render text.

Boolean

YES

ShowCaret

Indicate if the widget must show caret at the end. NOTE: The Caret is hide when the typing process is done.

Boolean

YES

TypingSpeedInMilliseconds

Speed in milliseconds. The value refer to CHAR per milliseconds.

Integer

NO

ErasingSpeedInMilliseconds

Speed in milliseconds. The value refer to CHAR per milliseconds.

Integer

NO

DelayEraseInMilliseconds

The milliseconds to wait before the erase process start.

Integer

NO



MultiMessage

Widget that renders sequentially a list of message, each message has Text and Css property. Parameters

Name

Description

Type

Mandatory

Messages

The List of messages ( Text and CssClass ) to render.

TypingMultiEntries

YES

Enabled

Indicate if the widget must start to render text.

Boolean

YES

ShowCaret

Indicate if the widget must show caret at the end. NOTE: The Caret is hide when the typing process is done.

Boolean

YES

TypingSpeedInMilliseconds

Speed in milliseconds. The value refer to CHAR per milliseconds.

Integer

NO


 

SingleMessage

Widget that render a single text..

Parameters

Name

Description

Type

Mandatory

Message

The text to use inside the confirm button

Text

YES

Enabled

Indicate if the widget must start to render text.

Boolean

YES

ShowCaret

Indicate if the widget must show caret at the end. NOTE: The Caret is hide when the typing process is done.

Boolean

YES

TextCssClass

The classes to be applied when rendering the text

Text

NO

TypingSpeedInMilliseconds

Speed in milliseconds. The value refer to CHAR per milliseconds.

Integer

NO

EraseTextAfterTyping

Indicate if the the erase process can start after typing.

Boolean

NO

ErasingSpeedInMilliseconds

Speed in milliseconds. The value refer to CHAR per milliseconds.

Integer

NO

DelayEraseInMilliseconds

The milliseconds to wait before the erase process start.

Integer

NO


Events

OnEraseDone

Event triggered when the erase stage is completed.


OnTypingDone

Event triggered when the typing stage is completed.


Data Model


Structures


TypingMultiEntries

Collection of TypingMultiTextEntry, needed for the block parameter.

Attributes

Attribute

Description

Type

Mandatory

Entries

List of TypingMultiTextEntry

TypingMultiTextEntry List

NO



TypingMultiTextEntry

Strucure to provide messages to MultiMessage Typing Block, allow to specify the text content and the css class foreach message.

Attributes

Attribute

Description

Type

Mandatory

Message

The message to render.

Text

YES

TextCssClass

The css classes to apply.

Text

NO