Sometimes in forms we need to visually highlight a specific field inside a Subform (for example Sanctioned Amount, Approved Value, Critical Fields, etc.) so that users immediately notice it while entering data.
Currently there is no direct UI option to style individual subform fields, but this can be achieved using a small CSS override technique.
Example concept:
Create a Notes / Multi-line field in the main form (for storing CSS).
Use Deluge to dynamically inject CSS that targets the required subform field ID.
Example:
v_CssNotes = "<style>";
v_CssNotes = v_CssNotes + "[id*='zc-Beneficiaries-Sanctioned_Amount']{background:#fff7cc !important;border-radius:6px;padding:2px;}";
v_CssNotes = v_CssNotes + "[id*='zc-Beneficiaries-Sanctioned_Amount'] input{background:#fff7cc !important;border:2px solid #f59e0b !important;font-weight:600;}";
v_CssNotes = v_CssNotes + "[id*='zc-Beneficiaries-Sanctioned_Amount'] .zc-prepend-icon{color:#f59e0b !important;}";
v_CssNotes = v_CssNotes + "</style>";
input.Css_Overrides = v_CssNotes;This approach allows developers to apply a different background color, border, or highlight for a single field inside a subform.
Use cases:
Highlight approved/sanctioned amount fields
Emphasize mandatory financial values
Improve UX in large subforms
Suggestion:
It would be great if Zoho Creator provided a built-in option to style individual subform fields (background, border, highlight) without requiring CSS injection.
This would significantly improve UI clarity and user experience in complex forms.