Knowledge base van het KE-chain platform

Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

An this page, you will learn how to use the widgets inside a task form in order to build your optimize your work in a simple and efficient manner. Also, you will be introduced to the potential that each widget type offers in terms of visualizing relevant data.


Expand
titleMetapanel widget

The metapanel widget

Awesome Icon
size20px
iconfa-info
is one of the most important widgets inside your form. It is the only widget that gets created with a new task and is always (unless moved or deleted) on top of the task form. It is used to provide access to functionalities such as Download to PDF
Awesome Icon
size20px
iconfa-download
and Enable/Disable edit-mode
Awesome Icon
size20px
iconfa-toggle-off
. If configured, it can also show the progress, assignees and description of the task.


Multimedia
namemetapanel_widget.mp4
width900
height675

Expand
titleForm widget

The form widget

Awesome Icon
size20px
iconfa-list-alt
is a widget that allows you to view a single part instance, as well as permitting to edit the property values of said part if properly configured.


Multimedia
nameform_widget.mp4
width900
height675

Expand
titleBasic table widget

The basic table widget

Awesome Icon
size20px
iconfa-table
is a widget that allows you to view or edit multiple part instances of the same part model, including their properties. It also allows you to add, edit or delete instances inside the grid.


Multimedia
nameUntitled1.mp4
width900
height675

Expand
titlePaginated table widget

The paginated table widget

Awesome Icon
size20px
iconfa-list-ol
shares similar functions with the basic table widget
Awesome Icon
size20px
iconfa-table
, with the addition that it also allows you to filter on property values.


A paginated table widget with no filters applied


A paginated table widget with filters applied on the "Number of spokes" property
Expand
titleScript widget

The script widget

Awesome Icon
size20px
iconfa-code
can be connected to a KE-chain service that can be used to act on certain objects inside the database of KE-chain. Objects such as parts, properties, tasks can be created, modified, or deleted by running the respective script. Read more about this on the Developers API page.


A typical script widget
Expand
titleNotebook widget

The notebook widget

Awesome Icon
size20px
iconfa-laptop
can achieve same results as the script widget
Awesome Icon
size20px
iconfa-code
does, but it does not require a service to be connected to it. It does require certain programming skills, as the user can write and run code directly inside KE-chain using this widget.

A typical notebook widget started in interactive mode
Expand
titleText widget

The text widget's

Awesome Icon
size20px
iconfa-font
purpose is to have static text displayed in your task form. Used especially in case of written instructions that the user must read.

Text widget containing instructions
Expand
titleAttachment viewer widget

The attachment viewer widget

Awesome Icon
size20px
iconfa-image
is particularly useful in displaying images and PDF documents inside the task form. The widget is connected to an Attachment property which contains an image or PDF file. The attachment can be uploaded using the drag and drop functionality on the widget, and if the property is configured as View, the user can also start annotating or drawing on the picture using thebutton, or eliminate the attachment using the
Awesome Icon
size20px
iconfa-times-circle
icon.

Attachment viewer widget linked to an attachment property with a photo inside
Expand
titleTask navigation widget

The idea behind the task navigation widget

Awesome Icon
size20px
iconfa-mouse-pointer
is to provide access at a click of a button from your task towards other tasks or links.

Task navigation widget with 2 buttons: one towards another KE-chain task and another one towards an external page
Expand
titleTasks widget

The tasks widget

Awesome Icon
size20px
iconfa-edit
allows visualization of certain activities inside a project. The widget can also be set to filter on tasks' attributes such as start and due date, assignee and status.

Task widget showing only activities that are not processes and have the status set to "Open".
Expand
titleMulti column widget

A multi column widget

Awesome Icon
size20px
iconfa-columns
is simply a container for one more other widgets. The widgets are shown in sequence from left to right.

Multi column widget with 3 other widgets inside: a Form widget linked to the 'Bike' part, a Text widget and an Attachment viewer widget incorporating a picture of the bike.
Expand
titleProjects table widget

A projects table widget

Awesome Icon
size20px
iconfa-mouse-pointer
used to show certain projects filtered by the tags attribute or belonging to a certain Team.

Projects table showing the the start date, due date, progress and status of the displayed projects.
Expand
titleProgress widget

A progress widget

Awesome Icon
size20px
iconfa-circle-o-notch
is used to display only the progress bar found on the metapanel widget. It is often used when the task form has no need of a metapanel widget, but the users still need an overview of what the progress of the form is.

Progress widget illustrating the completion of a task.
Expand
titleSignature widget

A signature widget is required when a task completion needs a signature of the user submitting it. The widget uses an attachment property and is best used on a tablet.


Signature widget without any signature attached to it


Signature widget after the form has been signed
Expand
titleCard widget

A card widget can be used like a task navigation widget, but has the extra feature that it can also have a picture attached to it. Clicking on a picture would therefore take you to a different link, but you will get more context information regarding where it takes you.

Card widget pointing to a design manual and including a preview towards its preface
Expand
titleWeather bar widget

A weather bar widget

Awesome Icon
iconfa-cloud
can be used to display weather information recorded at a certain location and a certain time. It is connected to a Weather information property, which displays only the weather at the current location of the user clicking on it. The property can always be refreshed, but otherwise will show the weather at the time of last refresh and will not updated live.

Image Added
Weather bar widget with the weather status in Delfgauw, recorded 4 hours before

Content by Label
showLabelsfalse
max5
spacesKECKB
showSpacefalse
sortmodified
reversetrue
typepage
cqllabel in ("task","widget","manual") AND label not in ("widgetpage","widgetmanagepage") and type = "page" and space = currentSpace()
labelsproject scope create


Page properties
hiddentrue
Related issues