Inline Buttons Sheet

Code Lines

Inline

code example

Example: So, we know the Regex is looking for a pattern something like /^([a-zA-Z0-9._%-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6})*$/ in the email address string.

Code Block/Snippet

To remove the copy button, right click the button and then select delete.

Inline Images

(ON) | (OFF) |

Workflow-Specific

Next | Previous | Save and Exit | Save | Save Workflow

When multi-word buttons are displayed later in a sentence, they might break in the middle, to fix this issue, we're adding a whitespace modifier: Save Workflow

Stacked Buttons

Inline: EditOpenDelete | Table Settings: EditOpenDelete (Old)

Inline: Edit Drop-down arrow Open Delete| Table Settings: EditOpenDelete (New no space)

Inline:  Edit Open Delete| Table Settings: EditOpenDelete (New with space)

Stacked buttons have an image above the text, these are commonly found in our Workflow node articles.

Workflow Edit button: Click Edit to open the task node.

Edit a workflow node: 

Open a Task node module: 

1.

Select your Employee Information  Task node to open its Settings Menu.

2.

Click (Expand) to expand the node Settings Menu.

3.

Select  Open to open the Employee Informationmodulein the Module Builder.

Styled Workflow Nodes

Inline Workflow Node Style -       Task node

Icon Workflow Node - Task 

Styled Components

Primary Components

Secondary Components

Button |  Email | Phone Number | Intl Phone Number | Address Search | c | Signature

Display & Layout Components

Data & Event Processing Components

Charts & Graphs Components

Styled Nodes

Styled Buttons

Workspace Tab Nav

Module Builder Header

Side Nav Tabs:

Inline, use these snippets in steps or paragraphs:

Table, use these snippets in tables, they have a special "nowrap" command that prevents the table from "breaking" them down if the table is too small:

Table Buttons:

Check Status | Open

Delete |

Classic Buttons:

+ Create App | Save & Close | Save... | + Create New | Create | Save | Delete

Manage ▾ | Preview  | Save  | ...  | Save...  | ···  | Upload |  | Publish

Old Save Buttons:

SaveSave Workflow

Delete Buttons:

Yes, DeleteDelete

Status Colors (Style Admin / Records Collections)

Default | Red | Orange | Purple | Blue | Grey

Data Model

Draft | Published

DSI Module Builder:

Viewing

PropertyID Labeled

Property ID A Property ID is the unique field ID used by Unqork to track and link components in your module.   

Version Control System

Reset | Search | Search by Text | All Applications ▾ |  Sort By ▾ | + Create New Collection | +Create Branch | Open App Details | Create Branch

DISCARDED | WORK IN PROGRESS | MERGED | PENDING REVIEW | NO CONFLICT | CONFLICT