The Modelup configurator system lets you dynamically show and hide UI components in the control panel using predefined logic. This logic is set up in the underlying Grasshopper model.

Example configurator

In the example below, we see a simple configurator displaying a box. The control panel contains two UI components:

• A dropdown with two options: "show" and "hide"
• A slider controlling the box size

When "show" is selected in the dropdown, the slider appears. When "hide" is selected, the slider disappears.

Example of the feature. Try it out live here: https://configurator.modelup3d.com/?projectId=WKcuOjTn&token=eyJhbGciOiJIUzI1NiJ9.eyJ2NW4iOjEsImlkIjo3OSwicDdkIjoiV0tjdU9qVG4iLCJwOXMiOlsiYzVlIiwicl9jMTVhIl0sIm1pIjp7ImRpc2FsbG93Ijp7ImUiOlsxXX19fQ.xM8vsPuDzTKd0VCVrNpFiKdgo9fJKF-SdjtmA8n-YRM&configurationState=a_719be66e-ad40-4b39-8065-4a14feb58906_950d37ef-1d89-4280-88fd-2216afad4661_1_2b0e89ab-fb5b-42c4-af6b-48273920a286_2.041

Now let's examine the underlying Grasshopper model that powers this configurator.

Underlying Grasshopper model

To control visibility, create a "ToggleVisibility" component from the FormXP plugin. This component requires two inputs:

• Input: reference to the UI component whose visibility you want to toggle
• Visibility: a boolean that determines whether the referenced component is shown or hidden

The component outputs an Update instruction. For the visibility toggle to work, connect this output to a FormXPOutput component.

<aside> ❗

Exercise caution when using the ToggleVisibility system. Incorrect usage could render the configurator unusable—particularly if all UI components become hidden.

</aside>