diff --git a/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/panelcontainer/v1/panelcontainer/responsiveGrid.html b/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/panelcontainer/v1/panelcontainer/responsiveGrid.html
index 265cffe2c2..e9b3ca6e5b 100644
--- a/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/panelcontainer/v1/panelcontainer/responsiveGrid.html
+++ b/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/panelcontainer/v1/panelcontainer/responsiveGrid.html
@@ -25,6 +25,7 @@
data-cmp-readonly="${panel.readOnly ? 'true' : 'false'}"
title="${panel.tooltipVisible ? '' : panel.tooltipText}"
role="${container.roleAttribute}"
+ data-placeholder-text="${'Please drag Panel components here' @ i18n}"
style="${container.backgroundStyle @ context='styleString'}">
diff --git a/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/panelcontainer/v1/panelcontainer/simple.html b/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/panelcontainer/v1/panelcontainer/simple.html
index d1470985f9..dac373c76b 100644
--- a/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/panelcontainer/v1/panelcontainer/simple.html
+++ b/ui.af.apps/src/main/content/jcr_root/apps/core/fd/components/form/panelcontainer/v1/panelcontainer/simple.html
@@ -27,6 +27,7 @@
class="cmp-container${wcmmode.edit ? ' {0}': '' @ format=[allowed.cssClass]}"
title="${panel.tooltipVisible ? '' : panel.tooltipText}"
role="${container.roleAttribute}"
+ data-placeholder-text="${'Please drag Panel components here' @ i18n}"
style="${container.backgroundStyle @ context='styleString'}">
diff --git a/ui.tests/test-module/specs/panelcontainer/panelcontainer.authoring.cy.js b/ui.tests/test-module/specs/panelcontainer/panelcontainer.authoring.cy.js
index 6df0f40d8c..d758045e0d 100644
--- a/ui.tests/test-module/specs/panelcontainer/panelcontainer.authoring.cy.js
+++ b/ui.tests/test-module/specs/panelcontainer/panelcontainer.authoring.cy.js
@@ -149,6 +149,11 @@ describe('Page - Authoring', function () {
cy.deleteComponentByPath(panelEditPath);
});
+ it('Check placeholder text in Panel ', function () {
+ dropPanelInContainer();
+ cy.get(panelContainerPathSelector).get("[data-text='Please drag Panel components here']").should("exist");;
+ });
+
it('open edit dialog of Panel', function () {
testPanelBehaviour(panelContainerPathSelector, panelEditPath);
})