Showing 25 blocks

UI: Close Modal

Closes a modal based on the selected outlet. If no outlet is selected it will close the modal that was last opened


In pins

flow
Selector (optional)
Selector to be used when this outlet is used multiple times within the current page.

Out pins

flow

UI: Close Notification

Closes a notification based on the selected outlet. If no outlet is selected it will close the notification that was last opened


In pins

flow
Selector (optional)
Selector to be used when this outlet is used multiple times within the current page.

Out pins

flow

UI: Component From HTML

Accepts HTML and returns the given HTML as a component. Does NOT verify if the HTML is actually valid.

v10.4.21

In pins

HTML

Out pins

UI Component

UI: Custom Modal

Opens a modal based on the connected UI component

open

In pins

flow
Unique id (optional)
Value to make the outlet unique if it is being used multiple times on the page
UI Component
Class: Backdrop (optional)
modal-backdrop show
Class: Wrapper (optional)
modal show modal-open d-block
Class: Modal (optional)
modal-dialog modal-dialog-centered
Class: Content (optional)
modal-content
On Close (optional)
Function that will be executed as soon as the modal closes

Out pins

flow

UI: Default Modal

Opens the default modal. The only things that can be set are the title, the content and the footer

open

In pins

flow
Unique id (optional)
Value to make the outlet unique if it is being used multiple times on the page
Header
Class: Header (optional)
Body
Footer
Close button (optional)
true
On Close (optional)
Function that will be executed as soon as the modal closes

Out pins

flow

UI: Download File

Sends a request to the frontend to download a given file


In pins

flow
File

Out pins

flow

UI: Element Event

An event that can be added to HTML elements. As soon as the element loads, the event will be triggered and a uicomponent can be returned

v10.4.28

In pins

Out pins

flow

UI: elseif

In pins

default
else if
then

Out pins

UI Component

UI: Go back

Will route the user back to the previous page.


In pins

flow

Out pins

flow

UI: Go forward

Will route the user back to the page forward.

v10.4.21

In pins

flow

Out pins

flow

UI: Go to page

Will redirect the user into the new page.


In pins

flow
url
blank

Out pins

UI: HTML From Component

Accepts a component and returns the given HTML. Does NOT verify if the HTML is actually valid.

v10.4.21

In pins

UI Component

Out pins

HTML

UI: If

In pins

true
false
boolean

Out pins

UI Component

UI: Import HTML

Turns a given HTML structure into ui component blocks. If an element could not be found within the components it will generate a placeholder instead.


In pins

Content

Out pins

UI Component

UI: Line Stop

In pins

uicomponent

Out pins

uicomponent

UI: Login

Accepts an auth object and logs in the user with the given token. The auth object can be generated by using the User Management blocks "Sign in" or "Sign as User"

v10.4.21

In pins

flow
Auth
Reload (optional)
Will reload the frontend after login if set to true
Overwrite (optional)
By default the current token will be saved in the frontend so the user can log back into the original account again if he was already logged in. By setting this to true the original token will be overwritten.

Out pins

flow

UI: Logout

Sends a request to the frontend to remove the token


In pins

flow
Reload (optional)
Will reload the frontend after logout if set to true
Set original (optional)
If the user already had a token in during the login, that token could be saved as an original token. Setting this to true makes it possible for a user to return to their original user.

Out pins

flow

UI: Multiple

In pins

UI Component
uicomponent_2

Out pins

UI Component

UI: Notification

Opens a notification based on the connected ui component

open

In pins

flow
Unique id (optional)
Value to make the outlet unique if it is being used multiple times on the page
Timeout (optional)
The timeout can be used to close the notification automatically after a given amount of seconds
Header
Body
Class: Position (optional)
Default: top-right. Allowed: top-right | top-left | bottom-right | bottom-left
Class: Wrapper (optional)
Default: toast show
Class: Header (optional)
Default: toast-header
Class: Body (optional)
Default: toast-body

Out pins

flow

UI: Page

Build a page on the given URI


In pins

UI Component
The default HTML displayed on this page. We will serve the main base using SSR (Server Side Rendering).
Title
The title of this page shown in embeds and browsers.
Description (optional)
The description of this page shown in embeds and browsers.
meta tags (optional)
Other meta tags used on this page, define as: [{ name, content } / { property, content }]
viewport (optional)
width=device-width,initial-scale=1.0
Viewport used on this page.

Out pins

flow
Params (optional)
Query (optional)
Browser Info (optional)

UI: Reload

Reloads the current page the user is viewing.


In pins

flow

Out pins

flow

UI: Switch

In pins

expression
Default (optional)

Out pins

UI Component

UI: Update Page title

Sets the title of the page


In pins

flow
Title
The title of the page

Out pins

flow

UI: Validate Form

Validate form is used when there is a frontend involved. If a user sees a form in the frontend all the inputs and their validation will be saved in the backend with a given form id. These saved inputs can be used to automatically validate the form for that user.


In pins

flow
Form id (optional)
The form id used in the inputs
Selector (optional)
Selector to be used when this outlet is used multiple times within the current page.

Out pins

flow
success
failed

UI: Validate Object

Validate object is used when there is no frontend involved. If an object from an api request needs to be validated we do not have a form to work. If a frontend is involved and the receives inputs with validation the validate form can be used.


In pins

flow
Object

Out pins

flow
success
failed