Skip to Content (Press Enter)
Training
Training
Online Training
Developer Schools
Boot Camps
Certifications
Tech Talks
Documentation
Documentation
Overview
ODC
O11
Forums
Forge
Get Involved
Get Involved
Home
Jobs
Ideas
Members
Mentorship
User Groups
Platform
Platform
ODC
O11
Platforms
OutSystems.com
Personal Edition
Community
Resources
Support
Search in OutSystems
Log in
Get Started
Community
›
Forge
›
Assets list
›
Refresh Block - Rerender Block in Client Side
Refresh Block - Rerender Block in Client Side
Stable version
2.0.0
(Compatible with
OutSystems 11
)
Uploaded
on
10 Jan
by
5.0
(2 ratings)
Overview
Reviews
Versions
Documentation
Support
Refresh Block - Rerender Block in Client Side
Details
An app that provide a widget to refresh a block in the code from client side only. It does not affect fetching of data from server side.
Read more
The app contain 3 components:
1. RerenderBlock
A widget to refresh a block in the code from client side only. It does not affect fetching of data from server side.
Content
Placeholder that contains the block that need to be refreshed.
Loading
(new)
Placeholder for the loading effect while refreshing the content.
LoadingBlockSize
(new)
Size of the block while re-rendering content. Options are:
- SameAsOriginalContent: keeps the height of the content being refreshed.
- FitLoadingContent: fit the loader height.
- Collapse: hide the block during refresh process.
LoadingEffect
(new)
Animation effect of the loading content while re-rendering original content. Options are:
- Rotate: rotate the loading content 360° infinitly.
- None: no effect applied.
ExtendedClass
Add custom style classes to the Pattern. You define your custom style classes in your application using CSS. By default RerenderBlock collapses when refresing its content, if you want to apply any loading effect like giving it a minimum height, use the ExtendedClass input.
Initialized
Event triggered after the RerenderBlock instance is ready. It returns the widget runtime Id.
RerenderStart
Event triggered when removing the content starts.
RerenderEnd
Event triggered when rerendering the content ends.
RerenderFail
Event triggered when failing to trigger rerender process. A feedback message is send to specify the failing reason.
2. TriggerRerenderBlock
Action that triggers the rerender process of RerenderBlock widget.
WidgetId
RerenderBlock widget's runtime Id.
Duration
Time taken for the block to be redisplayed in milliseconds. Minimum value is 50 milliseconds.
Delay
Time to wait before stating the rerendering process in milliseconds. Minimum value is 0 milliseconds.
3. StopRerenderBlock
(new)
Action that stops the rerender process of RerenderBlock widget. Use it if you want to force stop the rerender process manually.
WidgetId
RerenderBlock widget's runtime Id.
Release notes
(2.0.0)
Fixing app's icon issue.
License
(2.0.0)
BSD-3 license (
https://opensource.org/licenses/BSD-3-Clause
)
Reviews
(1)
by
2025-12-04
in version 1.0.0
It is a quite interesting idea you implemented in this component. But I think it would be better if you added a loading effect.
Answer from the owner
8 Jan
in version 1.0.0
Thanks Ikbel for the review, and I shall add it in the future.
Update: the loading effects and other features are now available, check latest version.
Team
Other assets in this category
User interface, Other UI components
Drag-n-drop Sortable List
Renato Pauleta
Allows to sort elements in list records or table records using drag-n-drop
3201
Essentials
Essentials
A collection of reusable actions to help us stop reinventing the wheel. Join the team and bring your own top reused actions to the community!
2072
Web Previewer
Rui Mendes
Preview files from your database or from an external URL without download.
2698
More from Mustafa Emad Shaker
DGA Style Guide Preview
Envnt Design Team
This component enables you to preview all the UI patterns, widgets and screen templates of your Style Guide in Reactive Web and Mobile apps, provided by the Saudi Digital Government Authority.
55
DGA UI
Envnt Design Team
The Saudi Digital Government Authority UI (DGA UI) framework for Reactive Web and Mobile apps with dozens of responsive UI patterns on top of a solid design system, fully customizable to your Style Guide needs.
71
DGA Icons
Envnt Design Team
This component enables you to preview and use a set of icons, provided by the Saudi Digital Government.
41
Loading
Loading...