diff --git a/src/panels/lovelace/editor/view-editor/hui-dialog-edit-view.ts b/src/panels/lovelace/editor/view-editor/hui-dialog-edit-view.ts
index 0c0e38cb70..d4b1eafced 100644
--- a/src/panels/lovelace/editor/view-editor/hui-dialog-edit-view.ts
+++ b/src/panels/lovelace/editor/view-editor/hui-dialog-edit-view.ts
@@ -117,6 +117,15 @@ export class HuiDialogEditView extends LitElement {
content = html`
${this._badges?.length
? html`
+ ${this._config?.panel
+ ? html`
+
+ ${this.hass!.localize(
+ "ui.panel.lovelace.editor.edit_badges.panel_mode"
+ )}
+
+ `
+ : ""}
${this._badges.map((badgeConfig) => {
return html`
@@ -411,6 +420,10 @@ export class HuiDialogEditView extends LitElement {
margin: 12px 16px;
flex-wrap: wrap;
}
+ .warning {
+ color: var(--warning-color);
+ text-align: center;
+ }
@media all and (min-width: 600px) {
ha-dialog {
diff --git a/src/translations/en.json b/src/translations/en.json
index 62296bbafc..8316168abb 100755
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -2292,6 +2292,9 @@
"select_users": "Select which users should see this view in the navigation"
}
},
+ "edit_badges": {
+ "panel_mode": "These badges will not be displayed because this view is in \"Panel Mode\"."
+ },
"edit_card": {
"header": "Card Configuration",
"typed_header": "{type} Card Configuration",
@@ -2564,7 +2567,7 @@
"view": {
"panel_mode": {
"title": "Panel Mode?",
- "description": "This renders the first card at full width; other cards in this view will not be rendered.",
+ "description": "This renders the first card at full width. Other cards in this view as well as badges will not be rendered.",
"warning_multiple_cards": "This view contains more than one card, but a panel view can only show 1 card."
}
},