We found 34 matches for: User Interface

An overview of all User Interface blocks currently available, updated daily!

UI: open PDF print dialog

Opens the browsers print dialog for the given pdf. If the browser does not support that action the file will be downloaded. The print dialog will NOT open on any MAC based system as this action would freeze the browser.

In-pins

flow
File
The PDF to be printed

Out-pins

flow
UI: activate on scan

This activates the on scan listener if it was previously deactivated

In-pins

flow

Out-pins

flow
UI: on scan

Connected function will be executed on enter or if the maxlength is reached. The input will be cleared after every enter or after 1 second of inactivity. The on scan will try to set the element value if an outlet is selected

In-pins

flow
On scan
value
Max length
Timeout


Default:
1

Out-pins

flow
UI: open PDF in browser

Opens the given file in the browser. If the browser does not support that action the file will be downloaded

In-pins

flow
File

Out-pins

flow
UI: go forward

Will route the user back to the page forward.

In-pins

flow

Out-pins

flow
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"

In-pins

flow
Auth
Accesstoken
Reload
Will reload the frontend after login if set to true
Overwrite
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: switch

In-pins

expression
Default

Out-pins

UI Component
match
Returns true in case a match was found.
UI: reload

Reloads the current page the user is viewing.

In-pins

flow

Out-pins

flow
UI: notification

Opens a notification based on the connected ui component

In-pins

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

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
Selector to be used when this outlet is used multiple times within the current page.

Out-pins

flow
UI: if

In-pins

true
false
boolean

Out-pins

UI Component
UI: Localization

Will return the saved localization paths for the given page. If the params or query object are filled they will be directly applied.

In-pins

params
fill to apply the params to the localization
query
fill to add the query to the localization
language
fill to return a specific localization

Out-pins

url
returns the url matching the current or given language
all
returns all localizations
UI: custom modal

Opens a modal based on the connected UI component

In-pins

flow
Unique id
Value to make the outlet unique if it is being used multiple times on the page
UI Component
Class: Backdrop


Default:
modal-backdrop show
Class: Wrapper


Default:
modal show modal-open d-block
Class: Modal


Default:
modal-dialog modal-dialog-centered
Class: Content


Default:
modal-content
class: backdrop


Default:
modal-backdrop show
style: backdrop
class: wrapper


Default:
modal show modal-open d-block
style: wrapper
class: modal


Default:
modal-dialog modal-dialog-centered
style: modal
class: content


Default:
modal-content
style: content
On Close
Function that will be executed as soon as the modal closes

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.

In-pins

HTML

Out-pins

UI Component
UI: HTML from component

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

In-pins

UI Component

Out-pins

HTML
UI: deactivate on scan

This deactivates the on scan listener. It can be activated later on again by calling the activate on scan action

In-pins

flow

Out-pins

flow
UI: go back

Will route the user back to the previous page.

In-pins

flow

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: logout

Sends a request to the frontend to remove the token

In-pins

flow
Reload
Will reload the frontend after logout if set to true
Set original
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: 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
UI: set page query

Updates the query part of the url

In-pins

flow
query
The query to be used in the frontend
add to history
If set to true the new query will be added to the history

Default:
false

Out-pins

flow
UI: go to page

Will redirect the user into the new page.

In-pins

flow
url
blank
UI: elseif

In-pins

default
else if
then

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: update meta tags

Updates the meta tags of the current page

In-pins

flow
meta tags
Define as: [{ name, content } / { property, content }]

Out-pins

flow
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
Selector to be used when this outlet is used multiple times within the current page.

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

In-pins

flow
Unique id
Value to make the outlet unique if it is being used multiple times on the page
Header
Class: Header
class: header


Default:
modal-header bg-primary
Style: Header
Body
class: body


Default:
modal-body
Style: Body
Footer
class: footer


Default:
modal-footer
Style: Footer
Close button


Default:
true
On Close
Function that will be executed as soon as the modal closes

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
The description of this page shown in embeds and browsers.
meta tags
Other meta tags used on this page, define as: [{ name, content } / { property, content }]
viewport
Viewport used on this page.

Default:
width=device-width,initial-scale=1.0

Out-pins

flow
Params
Query
Browser Info
Connection
Can be used to return text or other page types
Localstorage
Sessionstorage
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

Out-pins

flow
Browser Info
Localstorage
Sessionstorage
UI: multiple

In-pins

uicomponent_1
uicomponent_2

Out-pins

uicomponent
UI: render page

Sends the combined HTML to the frontend and renders the page. All previously encountered broadcasts will be executed after the page has been rendered.

In-pins

flow
timeout
Defines how long the backend will wait on a response from the frontend as soon as this block was reached. The maximum timeout is 60 seconds

Default:
5
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
The description of this page shown in embeds and browsers.
meta tags
Other meta tags used on this page, define as: [{ name, content } / { property, content }]
viewport
Viewport used on this page.

Default:
width=device-width,initial-scale=1.0
stylesheet
Customs stylesheet to use on this page
json scope
Scope the user needs to have to be able to view the JSON of the document

Default:
*
revisions scope
Scope the user needs to have to be able to view the revisions of the document

Default:
*
guid
The guid will be used for the json and revisions modal
storage
The storage will be used for the json and revisions modal
On render
Will be called after the frontend renders the page. This needs to be set in order for the frontend to receive all previously queued ui actions that interact with the frontend
success
error
Params
Query
Browser Info
Localstorage
Sessionstorage
UI: Line Stop

In-pins

uicomponent

Out-pins

uicomponent
UI: create new component

Helps users create a new component. As soon as the component is created this block will be replaced by the new component which can also be selected in the search.

Out-pins

UI Component
UI: current language

Returns the current language used by the rendered page.

Out-pins

language