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