How to Hide the Entry Layout Sections

This guide explains how to hide a section in an entry layout using a custom script. You can hide sections unconditionally or based on specific conditions (for example, field values).

Watch the guided demo below to hide the section.

You can also follow the same steps using the written guide below.

Hide a Section

Step 1. Get the Section (Item) ID

Before writing the script, you need the section (item) ID.

1. Open the record and select the three-dot menu > Configure Record.
2. Click Entry Layouts.
3. Select the layout you want to modify.
4. Click the element you want to hide.
5. Copy the Item ID from the Inspect tab.

Step 2. Add the Script

1. Go back to the record configuration.
2. Click Interactions from the side navigation.
3. Set up the new Interaction configuration:
   1. Enter the Interaction name and description.
   2. Specify where the Interaction applies.
   3. Select the event when it will be executed.
   4. Choose the run mode.
4. In the Handler code block, create a script using the [setElementHidden](https://knowledge.clevero.co/reference/list-of-utility-functions#setelementhidden) function:

async function handler(C){
    return C.setElementHidden("<Insert Item ID here>", true);
}

5. Replace <Insert Item ID here> with the ID you copied earlier.
6. Save your changes.

Step 3. Test the Interaction

1. Open a record.
2. Click Edit on the entry.
3. If the script is correct, the selected section should no longer appear in the layout.

Hide a Section with Conditions

Step 1. Add Conditional Logic

You can hide sections dynamically based on field values. For example, hide a section when the Participant field is filled.

async function handler(C) {
  const v = C.getValue("PARTICIPANT_FIELD_ID");
  let value = Array.isArray(v) ? v[0] : v;

  if (value != null && typeof value === "object") {
    value = value.internalId ?? value.id ?? value.value;
  }

  // Hide the section when the Participant field has a value
  const hideSection = value != null && value !== "";

  return C.setElementHidden("ITEM_ID", hideSection);
}

How this works:

• C.getValue("PARTICIPANT_FIELD_ID") retrieves the value of the Participant field.
• The script then handles the value (arrays and objects).
• The section is hidden when the field has a value (i.e., not empty or null).

Step 2. Verify Conditional Behavior

1. Open a record in Edit mode.
   1. Leave the Participant field empty → the section should remain visible.
   2. Fill in the Participant field → the section should be hidden.

📌 Need Help?

If you require assistance or encounter any issues, please don't hesitate to contact us for further support.

I need support