(this page was created automatically. In case of formatting issues, please visit the official Wiki Page)

Common Actions

Common actions frequently appear across different components and workflows. For platform consistency, these actions should only be applied in the ways described below.

Add

Add adds an existing object to a list, set, or system.

Adding a record to a table. Depending on the importance of the add action on the page, the emphasis can be high, medium, or low. For example, a high emphasis action should use a single primary button with all others being secondary.

Use only the add icon or an overflow menu

Cancel

Cancel stops the current action and closes the component or item. Warn the user of any negative consequences if the process doesn't progress, such as data corruption or data loss.

The cancel action is usually placed inside the footerbar. Use a secondary button or a link for cancel actions. Avoid using just an action icon.

More

The more action contains secondary functions for the content displayed within the asset. It can also be used as a grouping object of primary and secondary functions in case of a lack of space. One example form this wozld be the ghost boardlet toolbar.

While the more actions acts as a primary action, it only ever contains secondary actions. It only exists in the form of an action icon with the form of three dots. The functions or objects bundled in the more action must always be listed in an overflow menu.

Clear

The clear action removes data from a field or removes selections. Clear can also delete the contents of a document, such as a log. For controls that have a default selection or value, such as radio buttons, the default selection or value is reset.

Use only as a clear icon or placed in an overflow menu.

Close

Close terminates the current page, window, or menu. It is also used to dismiss information, such as notifications.

Use the close icon, which is typically placed on the upper right side of the element. Do not use close in a button.

Delete

Deletion destroys an object. Deletions cannot be easily undone and are usually permanent. Warn the user about the negative consequences of destroying an object, such as data loss.

Use either a primary delete button or the trash can icon. A hazard modal is used when a warning is required to confirm an action.

Edit

With Edit, data or values can be changed. In the current MVP version 1, editing only takes place in the tables. Editing is activated for an entire record. After editing, the active edit icon must be deactivated again to close the function. Editing usually triggers a change of state of the object or input element concerned.

Use only the edit icon or an overflow menu

Fullscreen

Due to the presentation of koplex content within the boardlets, the fullscreen function is a default setting in every boardlet. This function is very helpful in charts or matrixes. However, the user can exchange the function with a more important function at any time.

Reset

This action reset the view of an object, list, or record when the displayed view is out of sync with the source.

Use only the reset icon or an overflow menu

Remove

This action removes an object from a list or item. Remove is distinct from delete, as a removed item is not destroyed. Multiple objects can be removed at once. It is important that you always inform the user about the removal of the object within the list. Some situations also require the use of a danger modal.

Use only the remove icon or an overflow menu