Added a general validation error message, so that the user can see why the save button is disabled.

public/locales/en/common.json

@@ -147,6 +147,7 @@
   "Required": "Required",
   "ResendConfirm": "Resend Confirm",
   "ResetPassword": "Reset Password",
+  "ResolveAllValidation": "Please resolve all validation errors.",
   "Role": "Role",
   "RoleAccess": "Role Access",
   "RoleAccessUpdated": "Role access updated successfully.",

src/modules/manager/workflowTemplates/WorkflowTemplateDetails.tsx

@@ -16,6 +16,7 @@ import {
   renderError,
 } from "../../../components/common/formHelpers";
 import { useForm } from "../../../components/common/useForm";
+import ErrorBlock from "../../../components/common/ErrorBlock";
 
 const WorkflowTemplateDetails: React.FC<{ editMode: boolean }> = ({
   editMode,
@@ -139,6 +140,10 @@ const WorkflowTemplateDetails: React.FC<{ editMode: boolean }> = ({
             {renderButton(t("SaveAndClose"), errors, "save")}
           </div>
 
+          {Object.keys(errors).length > 0 && (
+            <ErrorBlock error={t("ResolveAllValidation")} />
+          )}
+
           {renderError("_general", errors)}
 
           <HorizontalTabs hashSegment={0}>{tabs}</HorizontalTabs>