diff --git a/demo-shell-ng2/app/components/settings/settings.component.html b/demo-shell-ng2/app/components/settings/settings.component.html
index a98a8ceba0..a500fdc361 100644
--- a/demo-shell-ng2/app/components/settings/settings.component.html
+++ b/demo-shell-ng2/app/components/settings/settings.component.html
@@ -12,10 +12,19 @@
                 <nav class="mdl-navigation">
                     <i class="icon material-icons icon-margin">link</i>
                     <div class="mdl-textfield mdl-js-textfield adf-setting-input-padding">
-                        <input data-automation-id="ecmHost" class="mdl-textfield__input" tabindex="1" type="text" tabindex="1" (change)="onChangeECMHost($event)"
-                            pattern="^(http|https):\/\/.*[^/]$" id="ecmHost" value="{{ecmHost}}">
+                        <input
+                            data-automation-id="ecmHost"
+                            class="mdl-textfield__input"
+                            tabindex="1"
+                            type="text"
+                            tabindex="1"
+                            (change)="onChangeECMHost($event)"
+                            pattern="^(http|https):\/\/.*[^/]$"
+                            id="ecmHost"
+                            value="{{ecmHost}}"
+                            placeholder="http(s)://host|ip:port(/path)">
                         <label class="mdl-textfield__label" for="ecmHost">ECM Host</label>
-                        <span class="mdl-textfield__error">ECM host is not valid!</span>
+                        <span class="mdl-textfield__error">ECM host is not valid! http(s)://host|ip:port(/path)</span>
                     </div>
                 </nav>
 
@@ -25,10 +34,18 @@
                 <nav class="mdl-navigation">
                     <i class="icon material-icons icon-margin">link</i>
                     <div class="mdl-textfield mdl-js-textfield adf-setting-input-padding">
-                        <input class="mdl-textfield__input" type="text" (change)="onChangeBPMHost($event)" tabindex="2" pattern="^(http|https):\/\/.*[^/]$"
-                            id="bpmHost" value="{{bpmHost}}">
+                        <input
+                            data-automation-id="bpmHost"
+                            class="mdl-textfield__input"
+                            type="text"
+                            (change)="onChangeBPMHost($event)"
+                            tabindex="2"
+                            pattern="^(http|https):\/\/.*[^/]$"
+                            id="bpmHost"
+                            value="{{bpmHost}}"
+                            placeholder="http(s)://host|ip:port(/path)">
                         <label class="mdl-textfield__label" for="bpmHost">BPM Host</label>
-                        <span class="mdl-textfield__error">BPM host is not valid!</span>
+                        <span class="mdl-textfield__error">BPM host is not valid! http(s)://host|ip:port(/path)</span>
                     </div>
                 </nav>
             </div>