Expand my Community achievements bar.

Improve ability to toggle (show/hide) fields in the new CF editor

Avatar

Community Advisor

3/14/25

Request for Feature Enhancement (RFE) Summary:

The current API and the example shared in the docs to toggle (show/hide) fields in the new CF editor does not work as expected and contains multiple issues.

Docs:

https://developer.adobe.com/uix/docs/services/aem-cf-editor/api/data/#setting-styles-to-the-field

Use-case: We have a few CF models where fields are shown or hidden depending on the type selection an editor makes. After creating a new CF, the editor first needs to select a provider, and then different fields show depending on the selection.
Current/Experienced Behavior: While developing a small plugin for the new CF editor to show/hide fields based on a selection according to the documentation provided [1]. Concretely, we are relying on the api.setStyles , but we noticed two bugs:
1) This approach works fine for standard input fields, but not for select boxes/enumeration fields, they remain visible even after we try to hide them with CSS display:none
2) The standard input fields that do get hidden, but leave a margin that creates unnecessary blank space (this happens because the style is not applied on the container DIV)
Improved/Expected Behavior: Fix both bugs and enable plugin developers to properly apply style to toggle input fields
Environment Details (AEM version/service pack, any other specifics if applicable): AEMaaCS, version 2024.10.18311.20241017T104455Z
Customer-name/Organization name: Assa Abloy
Screenshot (if applicable): Screenshot 2025-03-14 at 10.41.21.png
Code package (if applicable):
api.setStyles(fieldName, {"display": "none"});