diff --git a/lib/core/form/components/inplace-form-input/inplace-form-input.component.html b/lib/core/form/components/inplace-form-input/inplace-form-input.component.html
index ede1f948d7..1a3a6614cb 100644
--- a/lib/core/form/components/inplace-form-input/inplace-form-input.component.html
+++ b/lib/core/form/components/inplace-form-input/inplace-form-input.component.html
@@ -1,6 +1,6 @@
+
+
+
+
-
+
diff --git a/lib/core/form/components/inplace-form-input/inplace-form-input.component.scss b/lib/core/form/components/inplace-form-input/inplace-form-input.component.scss
index dce4f72dee..45114e0d8a 100644
--- a/lib/core/form/components/inplace-form-input/inplace-form-input.component.scss
+++ b/lib/core/form/components/inplace-form-input/inplace-form-input.component.scss
@@ -1,3 +1,5 @@
+$adf-inplace-input-padding: 7px;
+
.adf-inplace-input-container {
.mat-form-field-underline {
display: none;
@@ -8,8 +10,12 @@
border-top: 0;
}
+ .mat-form-field-label {
+ padding: $adf-inplace-input-padding;
+ }
+
&-error {
- input {
+ .adf-inplace-input {
border: 1px solid var(--theme-warn-color) !important;
}
}
@@ -19,7 +25,7 @@
}
.adf-inplace-input {
- padding: 7px;
+ padding: $adf-inplace-input-padding;
border: 1px solid transparent;
border-radius: 4px;
diff --git a/lib/core/form/components/inplace-form-input/inplace-form-input.component.spec.ts b/lib/core/form/components/inplace-form-input/inplace-form-input.component.spec.ts
index 7d293c734c..6228b5682b 100644
--- a/lib/core/form/components/inplace-form-input/inplace-form-input.component.spec.ts
+++ b/lib/core/form/components/inplace-form-input/inplace-form-input.component.spec.ts
@@ -69,4 +69,16 @@ describe('InplaceFormInputComponent', () => {
expect(error).toBeTruthy();
});
+
+ it('should show label', () => {
+ formControl.setValue('');
+
+ fixture.detectChanges();
+
+ const error = fixture.nativeElement.querySelector(
+ '[data-automation-id="adf-inplace-input-label"]'
+ );
+
+ expect(error).toBeTruthy();
+ });
});
diff --git a/lib/process-services-cloud/src/lib/process/start-process/components/start-process-cloud.component.html b/lib/process-services-cloud/src/lib/process/start-process/components/start-process-cloud.component.html
index 6559913882..fe2682aa8f 100755
--- a/lib/process-services-cloud/src/lib/process/start-process/components/start-process-cloud.component.html
+++ b/lib/process-services-cloud/src/lib/process/start-process/components/start-process-cloud.component.html
@@ -42,15 +42,21 @@
-
- {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.PROCESS_NAME_REQUIRED' | translate }}
-
-
- {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.MAXIMUM_LENGTH' | translate : { characters : maxNameLength } }}
-
-
- {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.SPACE_VALIDATOR' | translate }}
-
+
+ {{'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.FORM.LABEL.NAME' | translate}}
+
+
+
+
+ {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.PROCESS_NAME_REQUIRED' | translate }}
+
+
+ {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.MAXIMUM_LENGTH' | translate : { characters : maxNameLength } }}
+
+
+ {{ 'ADF_CLOUD_PROCESS_LIST.ADF_CLOUD_START_PROCESS.ERROR.SPACE_VALIDATOR' | translate }}
+
+