Hide/unhide fields based on value of another field

Using custom configuration, users can set fields to show or hide based on value selected in another field.

Example: Show custom field(Relation to Proband) if value selected in 'Proband'(RB10) field is 'No'

{
          "name": "cpr.participant.extensionDetail.attrsMap.DD15",
          "caption": "Relation To Proband",
          "type": "dropdown",
          "optional": true,
          "showIf": {
            "op": "AND",
            "rules": [
              {
                "field": "cpr.participant.extensionDetail.attrsMap.RB10",
                "op": "==",
                "value": "'No'"
              }
            ]
          },
          "listSource": {
            "apiUrl": "forms/permissible-values",
            "selectProp": "value",
            "displayProp": "value",
            "queryParams": {
              "dynamic": {},
              "static": {
                "formName": "kMCParticipantExtension",
                "controlName": "DD15"
              }
            }
          }
        }

Screenshot when field is hidden:

Screenshot when field is shown:

The rules added for skip logic is only reflected on add/edit pages. Overview page is superset of all fields described in data dictionary.