Done button on the template designer does not show in some cases

Hi team,

The done button of the template designer is moving via the component's place on the page.

I created a very basic test page as follows.

When I try to add a template for fields the done button shows like this. The screenshots are from bottom to top for the components.


This screenshot shows the bottom component (Dropdowngrid)


This screenshot shows the middle component (Datagrid)


This screenshot shows the top component(Dropdowngrid) There is no done button.

The done button is invisible for the top component. This is the big handicap headerless dialog design. The only way to return the design screen is to close the page.

You can find the sample project as an attachment. TemplateTest.razor is the testing page.
RadzenTest.zip (549.4 KB)

To reproduce the issue;

  1. Select the top component ( RadzenDropDownDataGrid in my example)
  2. Select a column in the Columns section
  3. Click the template designer

Here is what I see when I follow these steps:

dropdown-templates
Am I doing something different?

I figured out what is the problem, with your video. The problem is layout rendering. I'm working without the layout. When I back to the layout the done button is shown. If you turn off the layout rendering you can see the issue.

I'll turn on the layout option when I design a template.

Got it. Will be fixed in the next release.

1 Like

The issue is solved by 1.20.8.
Thanks