Outcome Component

Displays a button that allows the user to move through the Flow.

Color

By default outcome buttons will be displayed with a blue background (set by the btn-primary bootstrap button class). You can override this either using the type attribute or by changing the What kind of action is this? option in the Appearance section when editing an outcome:

Action	Applied Class
Save, New, Apply, Submit, Insert	btn-primary
Add, Import, Update, Upsert	btn-success
Edit, Escalate, Query	btn-info
Delete, Cancel, Reject, Remove	btn-danger

Icon

By default outcome buttons will not display an icon. You can specifically set an icon using the icon attritube, where the value of the icon attribute is the name of icon from the bootstrap icon set (without the glyphicon- prefix) e.g. heart. Alternatively an icon will be derived from the What kind of action is this? option in the Appearance section when editing an outcome:

Action	Icon
Save	floppy-disk
New	new-window
Apply	ok
Submit	circle-arrow-down
Insert	log-in
Add	plus
Import	import
Update	edit
Upsert	chevron-up
Edit	pencil
Escalate	hand-up
Query	console
Delete	trash
Cancel	arrow-left
Reject	thumbs-down
Remove	remove

Attributes

"attributes": {
  "type": "warning",
  "icon": "heart",
  "size": "sm",
  "display": "iconandtext",
  "uri": "https://manywho.com",
  "uriTypeElementPropertyId": null,
  "target": "_blank",
  "classes": null
}

Key	Value	Description
type	string	The bootstrap button class type suffix e.g. default, primary, success, info, warning, danger
icon	string	The bootstrap icon name without the glyphicon- prefix
size	string	The bootstrap button size class suffix e.g. lg, sm, xs
display	string	Customize the display type of the button: icon, iconandtext, iconnobackground
uri	string	Uri the outcome should open in a new browser window / tab when clicked
uriTypeElementPropertyId	string (guid)	Id of the property on the Type that contains the uri that should be opened in a new browser window / tab. Only supported outcomes bound to multiple items (e.g. tables)
target	string	The target attribute on the generated anchor element. Defaults to "_blank" i.e. open in a new tab. Details here
classes	string	As part of our classes framework (see the Customization section), you can make the outcome buttons transparent using a value of 'btn-outline'.