Stable Version 1.0.2 (OutSystems 11)
Published on 30 September 2019 by 
Zeni Software
Stable Version 1.0.2 (OutSystems 11)
Published on 30 September 2019 by 
Zeni Software
Zeni Software
Created on 28 September 2019


Transform Most OutSystem's Apps into a Single Page Application (SPA)!
Read More

OutSystems wrapper for smoothState.js:

Benefits of going StateLess

  1. Prefetch and serve pages with Ajax asynchronously
  2. Apply custom CSS transitions / animations when navigating the app
  3. Simulate a single-page application without rewriting your app

Getting Started

  • Download widget from the forge
  • Add "Zeni_State" as a dependency to your module (project)
  • Find the "Initialize" Widget under UI Flows/Zeni_State/StateLess
  • Drag/drop "Initialize" onto your primary Layout (recommended) or individual page
  • When drag/dropped successfully you will see <init_stateless> on the screen
  • Initialize is expecting 1 parameter: OptionsJSON
  • See below for a sample OptionsJSON, visit original JS docs for help:

Sample OptionsJSON

Copy/Paste this starter snippet into the OptionsJSON parameter in OS Studio:

    prefetch: true,
    pageCacheSize: 5,
    onStart: {
        duration: 400,
        render: function($container) {
    onReady: {
        duration: 0,
        render: function($container, $newContent) {


This component currently only comes with one animation CSS class for testing purposes: 


You'll notice that this class is used in the above OptionsJSON snippet. We recommend that you create your own unique CSS Animations through a tool like this:

What’s new (1.0.2)

Unobtrusive init tag

Reviews (0)
Demos & samples, Other demos & samples
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Zeni Software who created this component.
StateLess has no dependencies.
Component Consumers
No consumers yet.
Weekly Downloads