Skip to content

Improves the layout on the create blueprint dialog #19556

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -38,21 +38,21 @@ export class UmbCreateBlueprintModalElement extends UmbModalBaseElement<
this.modalContext?.submit();
}

#renderBlueprintName() {
return html`<strong>Create a new Content Template from ${this._documentName}</strong>
A Content Template is predefined content that an editor can select to use as the basis for creating new content .
<uui-label for="name">Name</uui-label>
<uui-input
id="name"
label="name"
.value=${this._blueprintName}
@input=${(e: UUIInputEvent) => (this._blueprintName = e.target.value as string)}></uui-input>`;
}

override render() {
return html`
<umb-body-layout headline="Create Content Template">
Copy link
Preview

Copilot AI Jun 13, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The headline is hardcoded and not localizable. Use this.localize.term(...) for the headline to support i18n consistency across the UI.

Suggested change
<umb-body-layout headline="Create Content Template">
<umb-body-layout headline=${this.localize.term('headline_createContentTemplate')}>

Copilot uses AI. Check for mistakes.

${this.#renderBlueprintName()}
<uui-box id="tree-box" headline="Create a new Content Template from ${this._documentName}">
A Content Template is predefined content that an editor can select to use as the basis for creating new content.
<umb-property-layout label=${this.localize.term('general_name')} orientation="vertical">
<div slot="editor">
<uui-input
id="name"
label="name"
.value=${this._blueprintName}
@input=${(e: UUIInputEvent) => (this._blueprintName = e.target.value as string)}></uui-input>
</div>
</umb-property-layout>
</uui-box>
<uui-button
slot="actions"
id="close"
Expand Down
Loading