typein
Reactive icon

TypeIn

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded
 on 1 Jun (23 hours ago)
 by 
0.0
 (0 ratings)
typein

TypeIn

Documentation
1.0.0

Add the TypeIt dependency to your module and consume the client action in your flow. 

Relevant parameters

  • Text: The text to animate. If the element already has content when the action is invoked, it will be cleared instantly before the animation starts. 
  • Speed: Controls how fast the text is typed. A value between 80 and 120 works well for most cases. 
  • LoopMode: Defines what happens after the text finishes typing. Use "none" for a one-shot animation, "rewrite" for a continuous type-and-erase loop, and "restart" for a type-and-clear loop. 
  • LoopPause: How long the completed text stays visible before the loop cycle resets. Only relevant when LoopMode is "rewrite" or "restart". 
  • Cursor: When true, the element receives focus automatically and the cursor is placed at the end of the text once the animation finishes, leaving it ready for the user to continue typing. Only works on inputs and textareas with LoopMode set to "none" and ReadOnly set to false. 
  • ReadOnlyUntilFinished: Locks the element during the animation and releases it when done. Useful for inputs where you want to prevent the user from typing until the animation completes. 


Important notes: 

  • If the target element already contains text when TypeIt is invoked, it will be cleared instantly before the animation starts. 
  • The Cursor parameter only applies to Input and Textarea elements with LoopMode set to "none" and ReadOnly set to false. 
  • TypeIn uses console logs and also returns an output parameter whenever an error occurs. 
  • Calling TypeIt multiple times rapidly on the same element is safe. Each invocation cancels the previous one cleanly using an internal session token. 


You can try common TypeIn use cases in this Demo.