A Hidden component can be incorporated into a form to establish a resource property that can be customized within the form. This allows you to utilize JavaScript to assign values on the client side, and when the form is submitted, these values will be applied to the resource. It's important to note that hidden components do not have a frontend widget and do not appear in the rendered forms.
Display Tab:
- Label: You can insert the title or name for this component.
- Custom CSS Class: In this setting, you can add a CSS class. Multiple classes can be added, and class names should be separated by spaces.
Data Tab:
- Persistent: Enabling this setting prevents your data from appearing in the properties.
- Protected: If you prefer not to display the input value in properties when queried by the API, you can enable this setting.
- Database Index: Selecting this option creates an index within the database, improving query performance.
- Encrypted: Encrypt this field on the server. It uses two-way encryption and is not suitable for passwords. This setting is available only in the 'Enterprise' project plan.
- Redraw On: This option allows you to link or connect another component, allowing the component to be redrawn when the other component is updated.
- Calculate Value on Server: As the name suggests, enabling this setting runs calculations on your server.
AP Tab:
- Property Name: In this setting, you can specify the name of the field in the API endpoint.
- Field Tags: Enter tags for the field in this setting, which can be used in custom logic.
- Custom Properties: You can enter any custom properties in this setting to configure this component.
Layout Tab:
- HTML Attributes: In this setting, you can enter HTML attributes map for the component's input.