resize-observer
Reactive icon

Resize Observer

Stable version 1.1.0 (Compatible with OutSystems 11)
Uploaded
 on 6 Jan (2 days ago)
 by 
5.0
 (1 rating)
resize-observer

Resize Observer

Documentation
1.1.0

To use the ResizeObserver component, simply drag it to your screen / block and configure it:

  • Target: query selector for your target (the HTML element to be observed). E.g. "body", "#my-id", ".my-class". If you're looking to observe the whole viewport, keep the default "html".
  • Options.IncludeDetails: If true, includes the "Entries" in the "OnResize" event. If false, that variable will be empty. Defaults to false to improve performance.
  • Options.Throttle: Throttle delay in milliseconds. Limits how often resize events are emitted. Useful to reduce event frequency during continuous resizing. If <= 0, no throttling is applied.


Example configuration:

This configuration will trigger OnResize when the viewport changes width or height, throttling subsequent events by 200 milliseconds. No details are included (false) so my OnResize handler is not taking in the Entries variable.