Flowable Forms

Flowable Forms

  • Release Notes
  • Guides
  • Components
  • Storybook

›Basics

Getting started

  • Introduction
  • Installation
  • Usage with react
  • Usage without npm or react
  • Usage with Angular

Basics

  • Expressions
  • Outcomes
  • Datasource
  • Utilities Library _
  • Edoras Adapter
  • Events
  • API
  • DevTools
  • Saving the payload
  • Basic Styles

Customization

  • Custom Styles
  • Custom Fetch function
  • Localisation
  • Additional data

Extend

  • Custom Components
  • Example Progress Bar
  • Progress Bar Input
  • Emoji Picker
  • Custom Datatable
  • Panel Composition
  • Custom Composition
  • Extend Flowable Work
  • Extend Flowable Design

Saving the payload

The typical flow requires to send the payload back to a backend after pressing an outcome. If you have this form definition:

You can listen to the outcome click and send the payload with:

onOutcomePressed(payload) {
  const withoutTempVariables = _.withoutTemp(payload); // remove $temp variables
  restService.save(withoutTempVariables);
}
render() {
  return <Form
    config={frmDef}
    onChange={this.onChange}
    onOutcomePressed={this.onOutcomePressed}
    initialPayload={}
  />
}
← DevToolsBasic Styles →
Docs
GuidesComponents
Private
SourceStorybook
Flowable Forms
Copyright © 2020 Flowable