Joget DX Available for Download

Check out Joget DX, the next generation successor to Joget Workflow for faster, simpler digital transformation.

Page tree

Versions Compared


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

You can make a section of a form visible or hidden depending on the value of other form fields.

In the example below, we want to show only the "Rejection" section when "Status" is set to "Rejected".

Image Removed
Figure 1: Show/Hide Section Depending on Field Value

Configuration of visibility is done in the target section.  Remember to retrieve the information needed from the Select Box properties first.

Image Removed
Figure 2: Properties of Select Box "Status"

In Select Box properties, take note of ID and Options.  Next, go to the target section's properties, click on the Visibility tab and configure according to desired settings. 

An example is shown below.

Image Removed
Figure 3: Configuring Visibility in the Section

This particular section will only show when the settings in Visibility match.您可以根据其他表单字段的值,使表单的某个部分可见或隐藏。

在下面的例子中,当“ 状态 ”设置为“ 拒绝 ” 时,我们只想显示“ 拒绝 ”部分。

Image Added


可见性的配置在目标分区完成。请记得先从“ 选择框”属性中检索所需的信息。

Image Added


选择框属性中,记下  ID选项。接下来,转到目标分区的属性,单击“  可见性”  选项卡并根据所需的设置进行配置。 


Image Added


只有在可见性匹配中的设置才会显示此特定部分  。

Related Articles

Widget Connector